代码复用，减少浏览器报错，代码做到高内聚低耦合。
今天小编要跟大家分享的文章是关于Web前端开发要学习的网页优化技巧有哪些？现在，有越来越多所谓的“教程”来帮助我们提高网站的易用性小编收集了一些在Web开发中容易出错和被忽略的小问题，并且提供了参考的解决方案，以便于。
一前端优化 网站性能优化是一个很综合的话题，涉及到服务器的配置和网站前后端程序等各个方面，我只是从实际经历出发，分享一下自己所尝试过的网站性能优化方法之所以在标题上挂一个web20，是因为本文更偏重于中小网站的。
base64尤其是在移动端，小图标可以base64webpack，大图片慎用如果加载速度过于慢的，而且很重要的图片，可以用base641减少。
5优化加载方式 1合并压缩混淆htmlcssjs文件webpack实现，减小资源大小2Nginx开启Gzip，进一步压缩资源减小资源大小3图片资源使用CDN加速提高加载速度4符合条件的图标做base64处理减小资源大小5。
加载卡顿和性能差的情况，多数出在程序方面前段的话影响不会那么大前段要用压缩的图片，压缩的JS，css文件保持页面适当的大小。
前端优化的黄金准则指导着前端页面的优化策略只有10%20%的最终用户响应时间花在接受请求的HTML文档上，剩下的80%90%时间花在为HTML文档所引用的所有组件图片脚本样式表等进行的。
1将table改为div布局 尽量将table标签布局HTML重构div布局，可以节约至少40%的代码量由于div代码少于table布局的HTML网页，所以搜索引擎索引权重也优于table布局的HTML网页2缩减精简divspanulli等系列标签 布。
