这个冬季，给人印象最深的莫过于两个网站，一个是12306火车票采办网站，一个是小米手机的官方网站。两个网站有个配合特征，就是并发拜候岑岭期速度慢的让人难以忍耐。其实何止这两个网站，在数以万计的并发拜候面前，至少会有90%以上网站会挂失落。哪怕是平时拜候人数不多的时候，很多网站打开速度已经让人不堪忍受。影响网站加载速度的原因很多，比如办事器的配置、机房的带宽质量以及互联线路等等，可是笔者感触感染，网站法度编写以及资源整合也极年夜的影响着网站运行速度，只是很多人对比并没有赐与足够的重视。

一、归并网站资源

为什么在高并发的时候，铁道部车票预订网站会如此不给力呢？有功德者对此网站进行了深入阐发，年夜致结论是，网站在提交订单时向办事器发送的请求太多，加上原本瞬间拜候流量就很年夜，所以致使拜候请求梗塞。其实这个问题在很多网站上都存在，尤其是中小公司的企业网站。知道了问题的所在，解决起来也就驾轻就熟了，应对的体例就是削减想办事器频发发送请求，而归并资源就是最为有效的一种体例。这样虽然同一个挪用文件每次加载的时间会适当延长，可是上行下载的次数削减了，提高了代码运行效率。

一般的网站需要外部加载到资源年夜致有三种，别离是CSS样式表、JS脚本法度以及图片素材。而这个三个都可以进行适当归并，最年夜水平上下降网站的请求次数。CSS只要目的是节制网站样式的，如果将所有的CSS归并到一个文件上，一定要将其置于元标签内，其目的是让网站首先加载CSS。JS以及其它的一些脚本法度，是为了实现网页的某些特效而编写的，挪用位置可以适当靠后，可是需要明白的是，JS不合于CSS其实不是所有的JS都可以归并到一起，引用位置也很关头，不然可能会致使网站一些功能失效。图片素材归并多见于网站布景，通过二维坐标挪用图片，可是需要注意即便如此，归并后的图片年夜小也要节制在2M以内，不然会因加载时间太长带来欠好的用户体验。

2、压缩网页元素

如果网站资源原本就很年夜，通过归并可以削减时间的，可是仍旧无法从底子上解决问题。因为归并网站资源的主要是削减客户端向办事器的请求次数，网站资源年夜小是丝毫没有转变的。所以对网页元素进行需要压缩，是提升网站拜候速度的另外一个捷径。压缩网页元素第一种体例是重写网站代码，要知道采取DIV+CSS布局网站法度，会比Table布局可以削减很多代码。未来当HTML5手艺普及后，网站代码容积会取得进一步压缩，避免代码冗余是削减网站体积的一个绝好体例，尤其是删除一些不需要的费码。

现在很多网站加载速度慢，与网站所是用的图片素材过年夜有直接关系。如没有特殊要求，但就显示而言网站图片显示辩白率节制在72dpi可以，即便是图片显示质量稍许差些，总比半天无法加载带给用户的感触感染要好很多。所以，如果可能请将网站图片年夜小节制在200Kb以下，在网站上尽可能少用一些高辩白率高质量的图片素材。通过办事器开启Gzip压缩，也是下降网页体积的一个好体例，笔者就有亲身体验，50K左右年夜小的网页，开启Gzip压缩后可以节制在10K左右。网页压缩率达到60%以上，这样网站运行快速如飞就层见迭出了。

三、调剂代码位置

代码位置也会影响到网站加载速度？谜底是必定的，我们举个简单的例子，现在很多网站都有统计法度。其年夜多通过挪用外部js实现，一般都是将统计法度置于网站底部，其目的是避免因站外JS加载速度太慢，影响到整个网站的用户体验。这就很明显了，如果将一些体积年夜的脚本法度放置在网页的头部，势必会拖慢真个网站加载速度的。调剂网站代码位置有两个需要对峙的原则，其一是网站外部挪用的代码尽可能的放置在后面加载，因为外部代码具有不成控性；其二是，提及比较年夜的脚本法度放置在法度后面加载，尤其是一些JS法度，在不影响网站效果的情况下，请尽可能调剂到其它代码后面加载执行。

还有一个问题虽与代码位置无关，可是也是很容易被很多法度人员轻忽的，就是网页的渲染问题。比如我们CSS代码里面有个和，在页面视觉表示形式上两个没有任何区别，可是对阅读器诠释渲染是有区别的。代表着不存在边框，不需要进行边框渲染，可是说明有边框，只是边框的宽度是0罢了，实际上阅读器在诠释代码的时候，会进行一次也没渲染。近似的还有网站图片年夜小的节制，很多法度员认为如果图片尺寸恰好与标准一致，就不需要对图片的高度和宽度需要定义，这样做会让代码足够精练，其实这样理解是毛病的，没有定义就意味着阅读器要自行识别然后渲染展现，而这一过程是需要时间的。