快速提升网站Web前端性能的九个技巧
    互联网盛行的今天，越来越多的线用户希望得到平安牢靠并且快速的访问体验。于2秒的页载入时间被以为是优秀的而且高达4秒是可承受的而大于5秒的页面载入时间不只影响你网站的搜索引擎排名，还会严重影响用户体验。这里列出了10种办法，能够快速提升你网站性能。针对 Web网页性能过于收缩以及第三脚本蚕食流量等问题，ajaxflex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实 现的功用。比如Googl时机曾经把最根本的offic应用都搬到互联网上。当然便当的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的性能方面，依据yahoo调查，后台只占5%而前端高达95%之多，其中有88%东西是能够优化的Radwar向网站运营人员提出以下改良建议，协助他为用户提供最快最优质的访问体验。

一个网站需求多快？网页加载时间每增加 1秒钟，就会有 4%用户选择分开。顶尖的电子商务网站把第一次交互时间控制在1-3秒内，这样带来了很高的转换率。很明显 Web性能的风险很高而且还在继续增长。提升性能说起来容易，完成起来却很难。为了协助大家，这篇文章提出了十个倡议，能够让网站的性能提升 10倍。本篇作为系列文章的第一篇，细致描绘了如何借助一些考证过的优化技术和一点来自 NGINX协助，就能提升应用的性能。该系列还概述了平安性方面可能取得的改善。

 

第一、图像关于吸收访客的关注是很重要的但是添加到页面上的每一张图片都需求用户从你服务器下载到电脑上。这无疑增加了页面的加载时间，因而很可能让用户分开你网站。所以，优化图像是十分必要的,过大的图像需求的下载时间更多，因而要确保图像尽可能的小。能够运用图像处置工具如PS来减小颜色深度、剪切图像到适宜的尺寸等。

 

第二、典型的页面服务器恳求中，来自于第三方脚本的恳求占了其中的50%或更多。这些第三方脚本不只会增加页面的字节数，带来延迟，而且也会成为Web页面中最大的潜在毛病点。无响应、未经优化的第三方脚本会降低整个网络的加载速度。处置方法是延迟第三方脚本的加载，将其放在关键页面内容之后停止加载，更为理想的状况是放在页面onLoad事情之后加载，这样才不会影响企业的搜索排名(谷歌将onLoad事情作为加载时间指标)关于一些剖析工具和第三方广告商而言，假如延迟第三方脚本加载的方法不可行，能够应用脚本的异步版本，与关键内容的加载同步停止。用户必需理解网站中有哪些脚本，删除那些无用的脚本，并对第三方脚本的性能停止继续监控。

 

第三、一个十分值得关注但经常被疏忽的要素是网站装置的插件。往常，大量免费的插件诱导网站开发者添加很多不用要的功用。您装置的每个插件都需求服务器处置，从而增加了页面加载时间。所以禁用和删除不用要的插件。但是有些插件是必需的如社交分享插件，能够选择CMS内置的社交分享功用来替代装置插件。

 

第四、移动设备优先”并不是一个全新的概念。早在2013年，移动设备的运用量就曾经超越了台式机，但是与众多口头许诺的移动性能相比，真正专注于移动设备的开发还是存在一定的差异。例如，2011年11月，移动设备上的均匀页面大小为475KB如今则增长至897KB也就是说，短短三年之间，均匀页面大小简直翻了一番。虽然移动设备和网络获得了一些停顿，但就性能而言，还是无法与大小已接近1MB服务页面需求坚持同步。晓得，页面大小与加载时间息息相关，移动用户对迟缓的加载速度特别敏感。假如企业希望网站能够真正做到移动设备优先”就必需正确处置这些问题。

 

第五、减少DNS查询是一个WEB开发人员能够用了页面加载时间快速有效的方法。DNS查询需求话费很长的时间来返回一个主机名的IP地址。而阅读器在查询完毕前不会停止任何操作。关于不同的元素能够运用不同的主机名，如URL图像、脚本文件、款式文件、FLA SH元素等。具有多种网络元素的页面经常需求停止多个DNS查询，因此破费的时间更长。

 

第六、大家都晓得要处置一个问题就必需先对问题有充沛的理解。要处置页面性能问题，企业就必需晓得用户在什么时分能够看到主要页面内容并与之停止交互；同时，企业还需理解性能和可用性问题是如何影响业务指标的企业需求有方法获取实践的性能指标并对其停止剖析。实时用户监控(RUM工具能够从真适用户的角度实时获取、剖析并记载网站的性能和可用性。

 

第七、把CSS文件在页面底部引入能够制止逐渐渲染，俭省阅读器加载和重绘页面元素的资源。JavaScript用于功用和考证。把JS文件放在页面底部能够防止代码执行前的等候时间，从而提升页面加载速度。这些都是一些减少页面加载时间和进步转换率的方法。某些状况下，需求JavaScript页面的顶部加载（如某些第三方跟踪脚本）

 

第八、服务器上紧缩网站的页面是提升网站访问速度十分有效的一种办法。能够用gzip紧缩做到这一点。Gzip一个减小发送给访客的HTML文件、JS和CSS体积的工具。紧缩的文件减少了HTTP响应时间。据Yahoo报道，这大约能够减少70%下载时间。而目前90%经过阅读器的流量都支持Gzip紧缩，因而，这是一个提示网站性能有效的选项。

 

第九、大量研讨证明，进步页面速度能够对一切的关键性能指标发生积极影响：页面访问量、用户粘连度、业务转化率、用户满意度、客户坚持、购物车的内容几和收入。

 

   但是优化你网站是留住你访客和提升搜索引擎排名有效的途径。运用上面提到九种方法来进步你网站性能。许多企业都犯了同样的错误，最终损伤了Web性能。目前，企业应该重点处置Web开发目的和在线业务目的之间的差别问题，而且，每个企业都应该至少具有一个内部性能专家，以便更好的处置Web性能问题。

   本文链接：http://www.wlxin.com/wangzhanyouhua/505.html