前端优化的8条措施

1、去掉多余的成分。如,不必要的图片、没用的JS代码、过多的CSS、多余的插件,等等。

2、CDN。使用内容分发网络CDN时,可以将网站静态内容链接到全球各地服务器,让用户从最近服务器加载数据。

3、CSS优化。合写CSS;把所有CSS放在页面顶部。

4、将脚本放在底部。

5、使用预先获取。其原理是:利用浏览器空闲时间,下载用户指定需要内容,然后缓存起来,下次加载时就直接从缓存中取出来。在网站HTML中的链接属性上增加:rel=“prefetch”、rel=“dns-prefetch”、rel=”prerender”,即链接预先获取、DNS预先获取、预先渲染。

6、压缩CSS、JS、HTML。主要是针对缩进、注释等。

7、压缩文件。例如,JPEG图片包含日期、地点、相机型号等无关信息。最常用的文件压缩方法之一是Gzip。

8、使用轻量级框架。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180607B1OLSZ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券