WordPress网站访问慢解决方案(超详细图文教程)

简介: 之前自己搭建一个WordPress个人网站:最近发现访问比较慢,于是乎进行了排查,下面是优化的方案。

前言

之前自己搭建一个WordPress个人网站
最近发现访问比较慢,于是乎进行了排查,下面是优化的方案。

优化前:
加载耗时:21秒+
优化后:
加载耗时:250毫秒
优化后访问速度提升84倍+

解决方案流程图

问题&解决方案&验证

定位问题(加载一个CSS超时)
image.png

解决步骤
下载访问超时的CSS(Google浏览器中F12中可以找到加载CSS地址)并保存到本地(用可以连上google网络)

https://fonts.googleapis.com/css?family=Open+Sans%3A400%2C700%2C400italic%7COpen+Sans%3A400%2C700%2C400italic%7CMontserrat%3A400%2C700&subset=cyrillic%2Clatin%2Clatin-ext%2Cgreek-ext

image.png
image.png

查看当前WordPress使用主题(通过其他加载正常css可以看出当前使用bento主题)
image.png

进入服务器WordPress程序及当前使用主题目录下

cd /www/wwwroot/zhanghan.xin/wp-content/themes/bento/

image.png

查找引用css的文件(在此以all.css为例,因为从F12结果可以看出all.css是本地加载)

find . | xargs grep -ril 'all.css

image.png

查看functions.php内容,并定位到all.css位置,通过分析找出加载google的css代码

vim functions.php

image.png

修改代码从本地读取css文件
image.png

将本地之前下载好的css.css上传到服务器当前主题文件目录下
image.png

验证
再次访问网站,发现加载速度正常且样式加载正常
image.png

总结

遇到问题解决完后及时总结共享,一方面自己以后再遇到类似问题可以参考博文快速解决,另一方面为其他博友提供一种解决问题的思路和方案
大家可以关注我哦,后续还会更新更多相关博文

目录
相关文章
|
2月前
|
安全
SiteGround如何设置WordPress网站自动更新
iteGround Autoupdate功能会自动帮我们更新在他们这里托管的所有WordPress网站,这样做是为了保证网站安全,并且让它们一直保持最新状态。他们会根据我们选择的设置自动更新不同版本的WordPress,包括主要版本和次要版本。在每次自动更新之前,他们都会为我们的网站做一个完整的备份,这样如果有什么问题,我们可以轻松地恢复到之前的状态。在本文中,我们将介绍如何在SiteGround中设置WordPress网站自动更新。
54 0
SiteGround如何设置WordPress网站自动更新
|
2月前
|
关系型数据库 MySQL Apache
怎么在树莓派上搭建WordPress博客网站,并发布到外网可访问?
怎么在树莓派上搭建WordPress博客网站,并发布到外网可访问?
|
3天前
|
关系型数据库 Serverless PHP
一元建站-基于函数计算 + wordpress 构建 serverless 网站
一元建站-基于函数计算 + wordpress 构建 serverless 网站
|
2月前
|
PHP
菊子曰备份Wordpress网站的博客内容出错的解决办法(原创)
菊子曰备份Wordpress网站的博客内容出错的解决办法(原创)
17 2
|
5天前
|
弹性计算 Java Linux
部署单点WordPress网站
在特定场景下编写模板的流程比较固定,本篇文章以《部署单点 WordPress 博客平台》为例,讲述如何完成一个部署成功率高、适配场景广的模板。大多数在 ECS 上部署应用的模板都可以参考此教程来编写。
|
5天前
|
弹性计算 自然语言处理 负载均衡
部署高可用WordPress网站
高可用服务是另外一个高频使用的场景,编写模板的流程和《部署单点WordPress网站》一样,但涉及的资源更多一些。本文以《部署高可用WordPress网站》为例,介绍高可用部署类的模板如何编写。
|
2月前
|
域名解析 搜索推荐 网络安全
小白教程Cloudways搭建WordPress网站
得益于开源的CMS建站系统的兴起,如今搭建网站已经变得非常简单,即使是不懂编程的人也能轻松搭建自己的网站。本文将以最受欢迎的WordPress开源建站系统为例,向大家介绍如何使用CloudWays搭建WordPress网站。首先你需要注册域名(推荐NameSilo)和购买主机服务器(推荐Cloudways),然后注册Cloudways账号,接下来是创建Cloudways主机并安装WordPress、设置域名解析、域名绑定、安装SSL证书。完成这些操作后你就可以访问WordPress后台了,接着就是安装WordPress主题和WordPress插件
82 0
|
19天前
|
存储 PHP 数据库
蓝易云 - WordPress建站教程:服务器目录指南
了解这些目录和文件的作用,可以帮助你更好地管理你的WordPress网站,以及解决可能出现的问题。但是,请注意,除非你清楚自己在做什么,否则不要随意修改这些目录和文件,因为这可能会导致你的网站出现问题。
28 0
|
2月前
|
关系型数据库 MySQL PHP
wordpress博客系统详细安装部署教程
wordpress博客系统详细安装部署教程
wordpress博客系统详细安装部署教程
|
2月前
|
域名解析 存储 网络安全
WordPress外贸建站教程
这篇WordPress外贸建站教程是以实操形式写给没有任何建站基础的新手,不管你是不是技术小白,都可以轻松学会如何使用WordPress来自己建立一个实用的外贸网站,而不需要深入了解复杂的代码编程。梳理了WordPress外贸建站主要步骤,从最初的成本分析开始,然后逐步介绍域名选择和注册、虚拟主机选择、建站程序安装等关键步骤。
171 1