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

一、 域名提前预解析 

             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)

 

八、规避浏览器并发限制

当前几种主流浏览器访问同一域名的并发限制：

 为了规避这一限制，可以将请求的资源（比如图片）部署到多个域名下。