为啥我的网站这么快呢?


收到一封邮件, 说同样都是用一个WP付费主题 为啥我的页面读取速度要比他的快?

comparison 为啥我的网站这么快呢? wordpress 互联网 技术 折腾 网站信息与统计

网站比较速度

我*估计*原因有下 (也许是以下一个或者几项优化)

硬件一定要好

VPS 服务器 6核 3G内存. 一定要选用 SSD (固态硬盘) 还有就是主机提供商一定要是 千兆网卡. 以下是我的主机VPS配置.

quickhostuk-spec 为啥我的网站这么快呢? wordpress 互联网 技术 折腾 网站信息与统计

quickhostuk-spec

千万不要用 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头请求.

通过 .htaccess 设置静态资源缓存 来加速网站

使用付费 WP-ROCKET 缓存插件

这个插件 wp-rocket.me 配置简单, 能把 mod_pagespeed 一些功能实现了, 比如优化JS/CSS/HTML最小化, 整合资源文件, 虽然有很多免费的缓存插件 但是付点费来得放心一点. 这个插件还能对图片进行 Lazy Load 加载模式就是当页面滚动到图片显示位置了才开始加载图片 这个是个很好的优化.

优化上传的图片

图片占据60%的平均页面读取时间, 我们需要减少图片的尺寸, 可以进行有损压缩 也可以 进行无损压缩, ImagfyImageRecycle 都是付费的 可以一试, 当然也可以用我写的API 来进行图片优化(服务器上通过1条命令进行图片压缩).

也可以通过 CloudFlare 一键重写 WebP 图片.

其它HTML技巧

  1. 手机移动端用 AMP加速, 闪电一样的快!
  2. 页面DNS缓存设置. 预加载
  3. URL加上后面的/ 斜杠 否则服务器会根据情况重定向, 比如 https://helloacm.com/api/pi 会自动重定向到 https://helloacm.com/api/pi/
  4. 省略标签属性的引号 比如 height=”10″ 可以省略成 height=10 这样省2个字符 (这个在 mod_pagespeed 模块里可以开启)
  5. 图片标签可以通过 srcset 属性自动让浏览器选择最佳的适应的尺寸
  6. 不是很重要的JAVASCRIPT脚本(例如GA统计, ADDTHIS等) 使用 async 异步来加载 这样网页读取的时候就不会为了读那些JAVASCRIPT文件而卡住变慢了.

其它WP技巧

Google

可适当去掉 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后的版本号

省字节并且有效的利用缓存.

广告少放些

少而精, 而不是满屏都是广告. 广告一是影响用户体验 另一个是会减慢网页加载速度.

GD Star Rating
loading...
本文一共 1092 个汉字, 你数一下对不对.
为啥我的网站这么快呢?. (AMP 移动加速版本)
上一篇: 你是 研究性的软件工程师么?
下一篇: 年龄与手机号码

扫描二维码,分享本文到微信朋友圈
f06c8bf9c9293b8a916e32b915629261 为啥我的网站这么快呢? wordpress 互联网 技术 折腾 网站信息与统计

26 条评论

  1. 良凡
  2. sky

评论