1 图片太大，加载像蜗牛试试这三招
我们做网站的都晓得，图片一多页面就卡，用户等三秒还不开，直截了当关掉奔忙人，白瞎了那些精心设计的内容，不慌，先看第一个咨询题，图片太大，加载像蜗牛，试试这三招，第一招，把JPG，PNG全换成WebP格式，不用PS手动转，直截了当上Squoosh那个在线工具，拖出来一键转换，体积直截了当砍掉一半，第二招，紧缩图片不用肉眼判别，用TinyPNG或许ImageOptim，紧缩率拉到80%以上，用户基本看不出区不，第三招，懒加载必需支配上，代码里加loading=lazy那个属性，图片滚到视野里再加载，手机端尤其分明，对了，不用那些花里胡哨的轮播图插件，纯CSS完成的又快又稳，我们搞钞票要紧，不在特效上糜费带宽
2 代码臃肿，HTTP恳求多到数不清三步瘦身
你必定遇到过这种状况，网站代码越改越胖，翻开操纵台一看，好家伙，几十个JS，CSS文件排排坐，HTTP恳求多到能凑两桌麻将，不急，三步瘦身法来了，第一步，兼并文件，把常用的jQuery，Bootstrap全塞进一个文件里，用Gulp或许Webpack自动打包，第二步，开启Gzip紧缩，办事器配置里加几行代码，传输体积直截了当缩水70%，第三步，用CDN减速静态资源，收费的有jsDelivr，付费的选Cloudflare，记住，第三方脚天性少则少，那些统计代码，广告联盟，能延迟加载的千万不放头部，对了，阅读器缓存战略记得设置，用户第二次拜候直截了当读当地，速度降落
3 办事器呼应慢，页面卡在白屏三招救急
有时分代码优化到极致，办事器依然拖后腿，特不是共享主机，邻居网站一被攻击，我们跟着遭殃，这时分怎样办第一招，换SSD硬盘的主机，读写速度比机械盘快十倍，第二招，开启OPcache缓存PHP，配置文件改两行，代码执行速度翻倍，第三招，用Nginx替代Apache，并发处置才能强三倍，假如预算够，直截了当上云办事器，阿里云，腾讯云都有先生优惠，对了，不忘了监控办事器形态，用New Relic或许GTmetrix，实时看哪里在卡顿，有时分确实是某个插件在后台偷偷吃资源，找到直截了当删掉，不疼爱
4 挪动端卡成PPT四招专治
如今挪动端流量占大头，要是手机拜候卡成PPT，转化率直截了当腰斩，第一个咨询题，挪动端适配没做好，元素错位招致重排，处理方法，用Viewport元标签固定视口，媒体查询写呼应式结构，第二招，图片用srcset属性，按照屏幕分辨率自动切换高清图，第三招，禁用自动播放视频，特不是那些配景大视频，用户用流量翻开能骂街，第四招，开启AMP页面，谷歌官方减速方案，尽管限制多，但秒开不是梦，对了，测试挪动端速度不用电脑，真机实测最靠谱，安卓用Chrome的Lighthouse，苹果用Safari的Web反省器，哪里卡顿了如指掌
5 缓存可不能用，用户反复下载三招锁住速度
最初那个坑，非常多人踩了都不晓得，用户第一次拜候慢，第二次还慢，讲明缓存没配置好，第一招，设置强缓存，HTTP头里加Cache-Control，图片，CSS，JS这些静态资源，直截了当缓存一年，第二招，用Service Worker做离线缓存，PWA技术如今非常成熟，用户没网都能看缓存内容，第三招，数据库查询加缓存层，用Redis或许Memcached，把高频数据存内存里，不每次都查数据库，对了，清缓存要留后门，版本号或许哈希值一变，自动更新资源，不让用户看到过时内容，这些招数用上去，网站速度相对能进前三秒俱乐部
你的网站如今加载速度咋样了是不是还有隐藏的卡顿点没发现赶忙用PageSpeed Insights测一测，那些红字正告挨个处理，不比及用户都跑光了才懊悔，记住，速度确实是金钞票，慢一秒，客户就少一半，如今入手，还来得及
