WordPress速度优化教程 让网站加载瞬间秒开

一、WordPress优化的硬条件-云主机

首先是主机,主机在哪里,主机的带宽多少,主机的性能如何,决定着网站打开速度的硬性条件。

1、主机地理位置

比如说,你建的是中文网站,基本都是国内的访客在浏览,那你选择国内的主机是最适合的,毕竟主机离你近。一般延迟都在50毫秒以内。但是如果你买的是国外的主机,如欧美这些地区,如果该机房有中国直连的线路估计访问会好一些,就类似于有直飞的航班,不用转机,延迟也在200毫秒以内。虽然比国内响应慢一点,还是能接受的。但是如果是一些偏远机房,比如欧洲一些地方对国内没有好的线路,意味着没有直飞航班,需要转机。那么最终响应延迟有可能高达700-800毫秒以上。

2、主机带宽

主机带宽意味着你访问网站数据的传输快慢,比如你网站页面上很多图,一张图都几百KB,然后你主机的带宽才1M,意味着每秒传输128KB,那你首页上的图片加上其他数据等全部大小达到几M或者几十M,加载完首页的话需要耗时几十秒是很正常的。因此需要做图片优化、首页优化或者动静分离等等。

3、主机性能

目前建站WordPress最低配建议1H1G是入门级,然后更高一些性能会更好,类似腾讯云有一款74元2核4G8M的性价比神机,如果需要的话,可以考虑一下。

二、WordPress优化的软条件-设置优化

说完了硬条件,接下来说软条件,其实就是对网站的数据、设置等方面进行优化设置。

1、系统环境安装

首先安装完WordPress后,需要开启相应的缓存,比如memcached及opcache,这里搬主题推荐安装litespeed环境,安装完成后即可一键安装完成以上的缓存环境。

2、缓存插件安装

接下来需要选择WordPress缓存插件,这里搬主题仍然推荐LiteSpeed Cache缓存插件,免费,设置完成后可以获得极大的提升。但是因为LiteSpeed Cache缓存插件的设置教程网上较少,可以参考搬主题给出的参考设置文章

LiteSpeed Cache缓存插件超详细设置网站优化加速图文教程 - 搬主题

3、WordPress细节优化

设置完成后,接下来网站打开会快很多了,但是接下来我们还需要进行更一步的优化,比如一些代码,比如图片懒加载等,这些可以优化的内容非常多,那么如何知道还需要进行哪些优化呢?这里我们需要用到免费的测试工具PageSpeed Insights及GTmetrix。通过这两个,可以时刻免费测试自己网站的速度及存在可以优化的地方。

比如搬主题已经进行了自己站点的大量优化,包括主机及各类细节优化,基本能保持PageSpeed Insights的桌面端得分在80-90分之间,移动端得分在30-50分之间(移动端优化一直是搬主题的心中的痛,┭┮﹏┭┮)。而GTmetrix得分一般最好成绩在A(Performance为91%,Structure为96%),但是不是很稳定。因此接下来的优化介绍主要是建立在前期的优化基础上,而对于站点没有进行太多优化的小伙伴,可以多看一下搬主题站点的文章。使用此教程理论上可以得到30%-60%的评分提升。

不多说,先给大家看成果图

GTmetrix测试的结果图如下:

如何才能优化到这个程度呢?这里搬主题给出了相应的设置教程,可以给大家进行参考

利用LiteSpeed Cache插件加速网站访问获得PageSpeed Insights及GTmetrix高分 - 搬主题

最后,像还有一些数据库优化及更深层次的优化内容,搬主题后续再进行分享了,可自己去搬主题的网站去了解。

(0)

相关推荐

  • 如何让网站的图片快速加载?

    你一定知道图片对于读者来说,增加了绝大部分的阅读体验,它们可以保持读者的阅读兴趣. 一篇全文字的文章与一篇图文结合的文章,我更喜欢看图文结合.在看文章的同事,图片能有效的起到放松大脑,让阅读者更加原因 ...

  • 大眼仔推荐分享 8 个最佳 WordPress 网站速度优化插件

    流畅的 Web 浏览体验取决于网站的速度和性能.如果您希望为网站访问者提供出色的网络浏览体验,则需要加快网站速度.至少,您必须向他们提供零延迟的网页. 在整个网站上进行手动调整很少是很繁琐且耗时的.因 ...

  • 怎样为你的Shopify店铺获取免费流量?

    当老外计划购买特定产品时,通常会点击Google搜索页面上显示的前几个链接或者说Google首页的链接,因此Shopify卖家的目标应该是确保商店产品在客户搜索关键字后能够显示在首页. 我们都知道影响 ...

  • 如何优化网站加载速度, 提高用户体验!

    随着移动端的发展,页面加载速度逐渐被各大搜索引擎纳入搜索排名的因素之一,百度在今年的闪电算法中也明确表示移动端首屏的加载速度将会直接影响搜索排名. 那么,什么是页面加载速度? 页面加载速度可以这么去理 ...

  • 8 款优化网站加载速度的「Edge」扩展插件

    有些用户可能会遇到这种情况,为什么我家的宽带是 XXX M的,访问 XXX 网站速度那么慢,某宽带辣鸡!其实影响网站访问速度有挺多因素的,除了你的带宽网速.还有网站服务器带宽.服务器线路.网站本身程序 ...

  • 网站加载 Waiting (TTFB) 时间过长的原因和解决办法

    关注网页前端性能的朋友,在优化网页性能的时候都会遇到网站加载 Waiting(TTFB)时间过长的问题.对于没有优化过的 WordPress 站点,TTFB 时间经常超过了页面内容的下载时间,为用户带 ...

  • eeglab教程系列(1)-加载、显示数据

    更多技术,第一时间送达 1.准备工作: 1.1 安装eeglab: 在matlab中安装eeglab,请看安装教程:eeglab在MATLAB中安装教程 1.2 测试数据 由于公众号上不好上传文件,所 ...

  • 网站加载不出来图片/加载不全/加载不出样式/加载不出完整网页

    表白: 此情此景我想吟诗一首    春眠不觉晓 处对象可好. 讲解对象:网站加载不出来图片/加载不全/加载不出样式/加载不出完整网页 作者:融水公子 rsgz 因为今天有搜索视频的需求,加载出来目标网 ...

  • webpack打包首页如何优化及路由懒加载?本文详解

    前言 最近做了一个小型的vue的h5项目,发现在手机上运行的时候,第一次进去的首页比较慢,然后同事提了下可以在生产环境用cdn,于是我尝试了下 生产环境开启cdn 1. 在vue.congfig.js ...

  • 基于虚拟主机搭建的wordpress站点打开加载速度慢的原因

    博主最近碰到一个比较头痛的问题,那就是wordpress加载的速度很慢,网站打开的速度大概在5000ms左右,内容页打开的速度在18000ms甚至是20000ms以上,一开始以为是主机的问题,询问了空 ...

  • 利用JS生成二维码图片,优化WEB性能及页面加载速度 | 张戈博客

    一.意淫场景 2年前接触网站建设后,二维码也进入了我折腾的范围,当时意淫了这样一个场景:当用户首次在别人电脑上看到我们的网站时,突然有事要离开,但是这个网页内容很赞,实在难以割舍,他该怎么办? 我继续 ...