撸代码

前端优化的9条措施

2019-03-11 00:00:25 作者:码工0组
1、减少HTTP请求。如,CSS sprites(雪碧图)。
2、去掉多余的成分。如,不必要的图片、没用的JS代码、过多的CSS、多余的插件,等等。
3、CDN。使用内容分发网络CDN时,可以将网站静态内容链接到全球各地服务器,让用户从最近服务器加载数据。
4、CSS优化。合写CSS;把所有CSS放在页面顶部。
5、将脚本放在底部。
6、使用预先获取。其原理是:利用浏览器空闲时间,下载用户指定需要内容,然后缓存起来,下次加载时就直接从缓存中取出来。在网站HTML中的链接属性上增加:rel=“prefetch”、rel=“dns-prefetch”、rel=”prerender”,即链接预先获取、DNS预先获取、预先渲染。
7、压缩CSS、JS、HTML。主要是针对缩进、注释等。
8、压缩文件。例如,JPEG图片包含日期、地点、相机型号等无关信息。最常用的文件压缩方法之一是Gzip。
9、使用轻量级框架。

前端优化的9条措施(图1)