提高页面访问速度的几点意见

一、 域名提前预解析 

             dns-prefetch,是域名提前预解析 

            <meta http-equiv='x-dns-prefetch-control' content='on'>

            <link rel="dns-prefetch" href="//img1.suning.cn">

            <link rel="dns-prefetch" href="//img2.suning.cn">

DNS-prefetch 作用简单说明就是当你浏览网页时,浏览器会加载网页时对网页中的域名进行解析缓存,这样在你单击当前网页链接无需DNS解析,减少浏览者等待时间,提高用户体验。

目前使用有“淘宝”、“支付宝”、京东,都有对图片域名进行dns-prefetch 。

二、 javascript异步加载  

           <script type="text/javascript" defer="defer" async="true/false" src="js文档地址"></script>

           注:使用异步加载导致页面js加载顺序发生变化  

三、图片赖加载

四、 css,js合并加载

   <script type = "text/javascript"  src ="htt://www.yourdomain.com/??/js/a.js,/js/b.js,/js/c.js?v=20140101" />

          注:合并加载需要nignx 的 nginx_concat_module 模块支持  具体实施方案请参照: Nginx 设置        

Combo减少Http请求

五、 CSS Sprites

     把所有的背景图像都放到一个图片文件中,然后通过 CSS的 background-image和 background-position属性来显示图片的不同部分

六、使用mavan插件打包时将js,css进行压缩

七、 让网页自动调用双核浏览器的极速模式(Webkit)

八、规避浏览器并发限制

当前几种主流浏览器访问同一域名的并发限制:
提高页面访问速度的几点意见
 为了规避这一限制,可以将请求的资源(比如图片)部署到多个域名下。

相关推荐