前端优化:9 个技巧,提高 Web 性能( 四 )

----前端优化:9 个技巧 , 提高 Web 性能//----江苏龙网 http://www.jiangsulong.com //

.entry-contentp{font-size:14px!important;}.entry-contentulli{font-size:14px!important;}.product_itempa{color:#000;padding:10px0px0px0;margin-bottom:5px;border-bottom:none;}

把这段代码压缩后就成了这样 。

.entry-contentp,.entry-contentulli{font-size:14px!important}.product_itempa{color:#000;padding:10px00;margin-bottom:5px;border-bottom:none}

使用压缩工具可以非常简单地把无用的字节从你的CSS、JS和HTML文件修剪掉 。 关于压缩的相关信息 , 可以参阅如何压缩CSS、JS和HTML 。

5.使用预先获取

预先获取可以在真正需要之前通过取得必需的资源和相关数据来改善访问用户的浏览体验 , 主要有3类预先获取:

链接预先获取

DNS预先获取

预先渲染

在你离开当前web页面之前 , 使用预先获取方式 , 对应每个链接的URL地址 , CSS , 图片和脚本都会被预先获取 。 这保证了访问者能在最短时间内使用链接在画面间切换 。

幸运的是 , 预先获取很容易实现 。 根据你想要使用的预先获取形式 , 你只需在网站HTML中的链接属性上增加,rel="dns-prefetch" , 或者标记 。


推荐阅读