网站页面加载速度怎么提升？

　　做网站的人大多都有过这种体会：花了很多精力做内容、调排名，好不容易有用户点进来，结果页面转半天加载不出来，人家不等内容出来就直接关掉了。排名再高、内容再好，用户连页面都没等到加载完，全都白搭。

　　页面加载速度这件事，说起来人人都知道重要，真动手优化的时候又常常抓不住重点。要么觉得换个高配服务器就解决了，要么装一堆加速插件，最后钱花了不少，实际提速效果却很一般。其实多数站点的加载慢，都不是单一原因造成的，找对优先级分步优化，不用花太多成本也能有明显改观。

　　先搞清楚：慢到底慢在哪

　　很多人优化速度全靠猜，觉得图片大就压图片，觉得服务器差就换配置，常常花了力气没踩中关键点。

　　正确的做法是先测速定位。用正规的页面性能检测工具跑一遍，报告会清晰告诉你：首屏加载用了多久、哪个资源体积最大、哪一步请求耗时最长、是服务器响应慢还是前端渲染慢。

　　有的站看起来加载慢，其实是单张图片就几兆，拖慢了整个页面；有的站是加载了几十项无用的脚本和插件，真正的内容没多少；还有的是服务器本身响应慢，再怎么优化前端也收效甚微。

　　先找到最大的瓶颈，再针对性下手，效率会高很多。

　　优先级最高的几项优化，成本低收益大

　　1.图片处理：最容易被忽略也最见效

　　绝大多数普通企业站、内容站，页面体积最大的部分就是图片。很多人上传图片直接原图就发，一张图好几兆，一页放个三五张，光图片就十几兆，网速再快也加载不快。

　　优化起来其实很简单：上传前先压缩，在肉眼看不出明显画质损失的前提下，把体积压到合理范围。产品图、内容配图控制在几百KB以内，banner图也尽量不要超过1兆。

　　格式上优先选更高效的格式，同画质下体积更小。再加上图片懒加载，不在首屏的图片等用户滚动到附近再加载，能大幅降低首屏的加载压力。

　　这一步几乎零成本，做完往往就能看到很明显的速度提升。

　　2.静态资源精简与缓存

　　页面里的CSS、JS文件，还有各种图标、字体文件，加起来也是不小的开销。

　　很多站点用了整套前端框架、十几款插件，实际页面上只用到了很少一部分功能，大量冗余代码都白白加载了。能精简的就精简，不用的插件直接删掉，合并重复的脚本和样式，减少请求数量。

　　更重要的是设置好浏览器缓存。静态资源更新频率很低，设置合理的缓存有效期，用户第二次访问的时候就不用重新下载，打开速度会快很多。多数站点做好缓存之后，二次访问的加载速度能提升一大截。

　　3.减少不必要的请求

　　一个页面加载时发起的请求越多，速度就越难快起来。

　　很多网站为了效果花哨，加了一堆第三方统计、客服弹窗、广告组件、社交分享按钮，每多一个组件就多一次外部请求，有的组件本身加载就很慢，还会卡住后面的内容渲染。

　　没用的第三方代码该砍就砍，确实需要用的，尽量放到页面底部异步加载，不要让它挡住正文内容的显示。用户进来首先要看到的是页面内容，不是各种弹窗和挂件。

　　中期优化：从传输和服务器层面提速

　　前面的基础优化做完，再想进一步提升，就要从传输和服务端入手。

　　最常用的就是接入CDN。把静态资源放到CDN节点上，用户访问的时候从就近的节点取数据，比远距离请求源站快得多。图片、样式、脚本这些静态内容，都很适合交给CDN，既能提速也能减轻源站的压力。

　　服务器层面，首先保证配置够用但不浪费。普通企业站和中小内容站，不用盲目追求高配，只要CPU、内存不经常跑满，带宽够用，基础响应就不会太差。真正要优化的是数据库，很多页面加载慢，其实是数据库查询太慢，尤其是动态页面，每打开一次要查好几次数据库，数据一多速度就下来了。

　　给常用查询加缓存，优化慢查询语句，减少不必要的数据库调用，服务端响应速度提上来，整体加载体验会好很多。

　　几个很容易踩的坑

　　第一个坑：过度追求分数数值。有些人盯着测速工具的分数调，为了涨几分把页面功能砍得七零八落，实际用户体验并没有变好。速度优化是为了提升体验，不是为了刷满分，够用、流畅就好。

　　第二个坑：装一堆加速插件。尤其是用CMS建站的站点，缓存、压缩、懒加载各装一个插件，插件之间互相冲突，反而越优化越慢。能在服务器层面做的，就不要全靠插件实现。

　　第三个坑：只优化首页。很多人只测首页速度，内页、详情页加载慢却不管。用户大多是从搜索直接进到内页，内页的速度体验反而更重要。

　　第四个坑：只看电脑端不看移动端。现在多数流量来自移动端，移动端网络环境更复杂，对速度的要求也更高。优化的时候一定要以移动端的实际体验为准，不能只在电脑宽带环境下自测。

　　最后说句实在话

　　页面速度优化是个循序渐进的事，不用追求一步到位做到极致。

　　先把图片、缓存、冗余请求这些低成本的基础项做好，解决掉最大的瓶颈，大多数站点的加载体验就已经能超过行业平均水平。再有更高需求，再逐步上CDN、优化服务端、调代码。

　　说到底，用户要的不是测速工具上的漂亮分数，是点进来能很快看到内容。围绕这个目标去优化，就不会走偏。