这个冬天，给人印象最深的莫过于两个网站，一个是12306火车票购买网站，一个是小米手机的官方网站。两个网站有个共同特征，就是并发访问高峰期速度慢的让人难以忍耐。其实何止这两个网站，在数以万计的并发访问面前，至少会有90%以上网站会挂掉。哪怕是平时访问人数不多的时候，很多网站打开速度已经让人不堪忍受。影响网站加载速度的原因很多，比如服务器的配置、机房的带宽质量以及互联线路等等，但是笔者感觉，网站程序编写以及资源整合也极大的影响着网站运行速度，只是很多人对比并没有给予足够的重视。
一、合并网站资源
为什么在高并发的时候，铁道部车票预订网站会如此不给力呢？有好事者对此网站进行了深入分析，大致结论是，网站在提交订单时向服务器发送的请求太多，加上本来瞬间访问流量就很大，所以导致访问请求堵塞。其实这个问题在很多网站上都存在，尤其是中小公司的企业网站。知道了问题的所在，解决起来也就得心应手了，应对的办法就是减少想服务器频发发送请求，而合并资源就是最为有效的一种方式。这样虽然同一个调用文件每次加载的时间会适当延长，但是上行下载的次数减少了，提高了代码运行效率。
一般的网站需要外部加载到资源大致有三种，分别是CSS样式表、JS脚本程序以及图片素材。而这个三个均可以进行适当合并，最大程度上降低网站的请求次数。CSS只要目的是控制网站样式的，如果将所有的CSS合并到一个文件上，一定要将其置于元标签内，其目的是让网站首先加载CSS。JS以及其它的一些脚本程序，是为了实现网页的某些特效而编写的，调用位置可以适当靠后，但是需要明白的是，JS不同于CSS并不是所有的JS都可以合并到一起，引用位置也很关键，否则可能会导致网站一些功能失效。图片素材合并多见于网站背景，通过二维坐标调用图片，但是需要注意即便如此，合并后的图片大小也要控制在2M以内，否则会因加载时间过长带来不好的用户体验。
二、压缩网页元素
如果网站资源本来就很大，通过合并可以减少时间的，但是仍旧无法从根本上解决问题。因为合并网站资源的主要是减少客户端向服务器的请求次数，网站资源大小是丝毫没有变化的。所以对网页元素进行必要压缩，是提升网站访问速度的另一个捷径。压缩网页元素第一种方法是重写网站代码，要知道采用DIV+CSS布局网站程序，会比Table布局可以减少不少代码。未来当HTML5技术普及后，网站代码容积会得到进一步压缩，避免代码冗余是减少网站体积的一个绝好方法，尤其是删除一些不必要的费码。
评论