收到一封邮件, 说同样都是用一个WP付费主题 为啥我的页面读取速度要比他的快?
我*估计*原因有下 (也许是以下一个或者几项优化)
硬件一定要好
VPS 服务器 6核 3G内存. 一定要选用 SSD (固态硬盘) 还有就是主机提供商一定要是 千兆网卡. 以下是我的主机VPS配置.
千万不要用 share_hosting… 这个不可控的因素太多了
资源还是独享来得好. Click To Tweet使用CLOUDFLARE CDN
至少使用免费的CLOUDFLARE 能对页面进行加速. 包括的优化有, HTML/CSS/JS 的优化, 对静态文件的CDN加速, 对图片的优化(Polish).. 我用的是付费的PRO版本, 还提供了手机端图片的加速(Mirage). 有些影响不大的脚本尽量使用 Async 异步读取的方式(CLOUDFLARE有提供Rocket Loader 的选项 需要选择成 自动模式)
尽可能打开缓存所有模式. 实在不行也得指定静态文件的缓存时间(最少1周).
7美元每个月就能用上 CLOUDFLARE PRO 我来帮你管理, 官方原价是 20美元每个月.
优化APACHE2配置
我用的是APACHE2 有人比较喜欢用 NGINX 但是我觉得 APACHE2 功能更强, 有人说APACHE2就像微软的WORD一样功能太多 但是我们日常就使用那么五六个功能, 而NGINX就只做那五六个功能 但做得更快更好.
使用mod_pagespeed模块
这是GOOGLE在后台对页面进行的优化, 比较牛X的功能就是 自动把小图片弄成HTML内链. 把几个CSS/JS整合成一个减少HTTP请求
配置成 event 模式
装完APACHE2默认是PREFORK模式 这种模式不适合大量的并发 至少得选择成 worker 模式. event 是APACHE2.4 后标记成熟的方式 不妨一用.
配置 .htaccess
这个文件是APACHE2可以做文章比较多的地方了, 但是默认情况下 APACHE2 会层层去寻找这个文件并 override 里面的选项. 可以选择不 Allow Override, None, 然后在里面可以设置对 静态文件缓存时间进行设置, 注意这里设置了之后是默认会被 CLOUDFLARE承认的, 因为 Cloudflare 会 respect 所有的 HTTP头请求.
使用付费 WP-ROCKET 缓存插件
这个插件 wp-rocket.me 配置简单, 能把 mod_pagespeed 一些功能实现了, 比如优化JS/CSS/HTML最小化, 整合资源文件, 虽然有很多免费的缓存插件 但是付点费来得放心一点. 这个插件还能对图片进行 Lazy Load 加载模式就是当页面滚动到图片显示位置了才开始加载图片 这个是个很好的优化.
优化上传的图片
图片占据60%的平均页面读取时间, 我们需要减少图片的尺寸, 可以进行有损压缩 也可以 进行无损压缩, Imagfy 和 ImageRecycle 都是付费的 可以一试, 当然也可以用我写的API 来进行图片优化(服务器上通过1条命令进行图片压缩).
也可以通过 CloudFlare 一键重写 WebP 图片.
其它HTML技巧
- 手机移动端用 AMP加速, 闪电一样的快!
- 页面DNS缓存设置. 预加载
- URL加上后面的/ 斜杠 否则服务器会根据情况重定向, 比如 https://helloacm.com/api/pi 会自动重定向到 https://helloacm.com/api/pi/
- 省略标签属性的引号 比如 height=”10″ 可以省略成 height=10 这样省2个字符 (这个在 mod_pagespeed 模块里可以开启)
- 图片标签可以通过 srcset 属性自动让浏览器选择最佳的适应的尺寸
- 不是很重要的JAVASCRIPT脚本(例如GA统计, ADDTHIS等) 使用 async 异步来加载 这样网页读取的时候就不会为了读那些JAVASCRIPT文件而卡住变慢了.
其它WP技巧
可适当去掉 google fonts, 这玩意在中国访问比较慢 而且经常加载不了. 同样的 Google Analytics 代码也可以适当的去掉.
Emojis 表情
去掉Emojis表情, 没啥卵用.
设定默认图片质量
WP里图片上传的默认属性是90% 可以适当的降低 当然你可以需要一个插件(Regenerate Thumbs)来重新生成缩略图. 以下代码可以加到 functions.php 里.
1 2 | add_filter('jpeg_quality', function($arg){return 88;}); add_filter('wp_editor_set_quality', function($arg){return 88;} ); |
add_filter('jpeg_quality', function($arg){return 88;}); add_filter('wp_editor_set_quality', function($arg){return 88;} );
去掉CSS/JSS后的版本号
广告少放些
少而精, 而不是满屏都是广告. 广告一是影响用户体验 另一个是会减慢网页加载速度.
强烈推荐
- 英国代购-畅购英伦
- TopCashBack 返现 (英国购物必备, 积少成多, 我2年来一共得了3000多英镑)
- Quidco 返现 (也是很不错的英国返现网站, 返现率高)
- 注册就送10美元, 免费使用2个月的 DigitalOcean 云主机(性价比超高, 每月只需5美元)
- 注册就送10美元, 免费使用4个月的 Vultr 云主机(性价比超高, 每月只需2.5美元)
- 注册就送10美元, 免费使用2个月的 阿里 云主机(性价比超高, 每月只需4.5美元)
- 注册就送20美元, 免费使用4个月的 Linode 云主机(性价比超高, 每月只需5美元) (折扣码: PodCastInit2022)
- PlusNet 英国光纤(超快, 超划算! 用户名 doctorlai)
- 刷了美国运通信用卡一年得到的积分 换了 485英镑
- 注册就送50英镑 – 英国最便宜最划算的电气提供商
- 能把比特币莱特币变现的银行卡! 不需要手续费就可以把虚拟货币法币兑换
微信公众号: 小赖子的英国生活和资讯 JustYYUK
1.这种都是技术性的,码盲说不了啥.
2.我好奇这个广告是怎么定位的,可以读取浏览器的缓存吗?自用的显示器老化了,我最近在考虑DELL U2412M & HP Z24i,你的广告出来的就是显示器,而且是HP Z24i,很神奇(我倾向HP Z24i,最近在问制造业相关的朋友它用的什么面板~),以前没怎么注意这玩意.
ADSENSE广告会自动根据你访问网站的记录(COOKIE)来调整广告内容
请教下,如果不用Google Analytics,你是怎么统计访问量的?
我只有一个网站没放GA
你可以试试 百度的
VPS设在UK,用Cloudflare CDN对大陆访问速度改善明显吗?
多多少少有点吧 CF在香港有节点
尽管CloudFlare在香港有节点,但是中国电信~联通都会使用美国西海岸.只有移动会解析到香港.因此实际上CloudFlare在中国属于减速CDN..
除此之外,最近电信连日本NTT绕路美国~联通/电信连香港~新加坡Softlayer分别绕道日本/美国.某国局域网快建成了.
WooCommerce 有AliPay的插件 不弄一个online payment gateway在你的网店吗?
没这么简单 试过了 得备案 得有营业执照
国内老百姓想干点啥真难, 几把备案 营业执照恶心死. 外国服务器在国内还慢
zaq 的源代码基本没做任何压缩和合并,用chrome查看源代码前500行是空白,与html相关的用yslow或者google page page跑一下评分,然后针对每项逐步做优化就好了
推荐一个工具 https://gtmetrix.com
我是真的一个都没看懂,除了Google字体…
其实大部分 都可以总结为 “使用/购买XXX”
竟无语…
除了少数几项外,你说的这些我要么不懂~要么做不到,但还是感谢你解答 🙂
感谢大神的分享,先作个备注吧……
域名太牛了,访问速度真心不错
500元买的域名
广告少而精我很赞同,毕竟我根本看不到你的广告
adblocker??
不是,而是如果不爬墙根本不现实谷歌AD······
嗯 这个是硬伤. 算了让广告自生自灭
如果上个内存缓存,主题架构可以忽略不计.
静态文件请求只要不是多的特别过分,影响也不大.
主机配置基本没什么影响,重要的是线路.
服务器动态PHP的部分, 线路,到浏览器渲染, 资源多少,图片大小,请求数…
当然 线路的权重最大.
有哪个文章介绍贵站的VPS安装了什么环境吗? 宝塔?
没有. 就是 apache2, wp rocket, cloudflare.