WordPress网站访问慢解决方案细图文教程

前言

之前自己搭建一个WordPress个人网站：https://zhanghan.xin；最近发现访问比较慢，于是乎进行了排查，下面是优化的方案。

优化前：

加载耗时：21秒+

优化后：

加载耗时：250毫秒

优化后访问速度提升84倍+

解决方案流程图

流程图

问题&解决方案&验证

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

解决步骤

下载访问超时的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


查看当前WordPress使用主题（通过其他加载正常css可以看出当前使用bento主题）

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

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

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

find . | xargs grep -ril 'all.css'

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

vim functions.php

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

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

验证

再次访问网站，发现加载速度正常且样式加载正常

到此这篇关于WordPress网站访问慢解决方案细图文教程的文章就介绍到这了,更多相关WordPress网站访问慢解决方案内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 详解用nginx+WordPress搭建个人博客全流程

    0x00 前言 WordPress是世界上最受欢迎的CMS系统,它是基于php和MySQL技术栈的,并且还有很多插件,可扩展性非常强.正好最近有一台空闲的ECS,于是来搭建一个玩玩.本教程是基于LEMP技术栈来搭建的,各个版本如下: L版本为CentOS7.6版本, E版本为nginx1.12.2版本 M版本为Distrib 5.5.60-MariaDB P版本为php7.2 此外,现在全面https已经是趋势了,自然我们也不能落后,所以还会使用Let's Encrypt来生成免费的SSL证书进

  • 主机Nginx + Docker WordPress Mysql搭建的详细步骤

    环境 Linux 3.10.0-693.el7.x86_64 Docker version 18.09.0 docker-compose version 1.17.0 安装 安装 docker 所需依赖 $ sudo yum install -y yum-utils device-mapper-persistent-data lvm2 安装 docker-ce $ sudo yum-config-manager --add-repo https://download.docker.com/lin

  • Nginx环境下WordPress的多站点功能配置详解

    Nginx环境下WordPress的多站点功能配置详解

    WordPress的多站点功能允许安装一个WordPress程序的情况下,实现多个站点(也就是一套程序,可以绑定多个域名或子域名). 每个站点拥有独立的主题.插件.文章以及页面. 这样可以极大的减少了维护和更新多个WordPress安装程序的麻烦, 并且,每个站点之间又能够相互独立,互不影响. WordPress multisite有两个方式:子目录和子域名,这里我们主要介绍子域名方式. 也就是说,在主域名的基础上,我们会创建一个子域名,例如:http://shop.jb51.com. 同时,我

  • 六个步骤，从零开始教你搭建基于WordPress的个人博客

    六个步骤，从零开始教你搭建基于WordPress的个人博客

    目录 摘要:WordPress是使用PHP语言开发的博客平台,是免费开源的.用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站,也可以把WordPress当作一个内容管理系统(CMS)来使用. 一.购买云服务器和域名 可以参考以下博客进行购买,以华为云为例,服务商可以自选.如果已有云服务器和域名,直接进行第二步操作. ▶ 云服务器和域名的购买-华为云 二.远程连接云服务器 可以参考以下博客进行远程连接服务器,也可以用其他办法连接.连接以后进行第三步操作. ▶ Xftp和Xshel

  • Nginx设置wordpress伪静态的方法示例

    摘点度娘对伪静态的解释:伪静态是相对真实静态来讲的,通常我们为了增强搜索引擎的友好面,都将文章内容生成静态页面,但是有的朋友为了实时的显示一些信息.或者还想运用动态脚本解决一些问题.不能用静态的方式来展示网站内容.但是这就损失了对搜索引擎的友好面.怎么样在两者之间找个中间方法呢,这就产生了伪静态技术.就是展示出来的是以html一类的静态页面形式,但其实是用ASP一类的动态脚本来处理的. 首先,在Nginx中的server模块配置如下内容: location / { if (-f $request

  • 如何用nginx配置wordpress的方法示例

    之前,我曾自己搭建过Wordpress,只不过那时候用的是第三方的虚拟主机,一台机器上可能有几十个网站.那时候的虚拟机还没做到物理层面的隔离,一个网站占用资源可能会导致所有网站宕机. 最近尝试了下在阿里云ecs上搭建了独立的wordpress,记录下搭建的过程. 原先我想尝试使用apache作为wordpress的容器,用nginx作为反向代理直接代理到apache.但是在我使用了apache后,发现了一个问题,直接使用nginx作为反向代理,转到apache后,url伪静态貌似无法访问,好像需

  • WordPress网站访问慢解决方案细图文教程

    WordPress网站访问慢解决方案细图文教程

    前言 之前自己搭建一个WordPress个人网站:https://zhanghan.xin:最近发现访问比较慢,于是乎进行了排查,下面是优化的方案. 优化前: 加载耗时:21秒+ 优化后: 加载耗时:250毫秒 优化后访问速度提升84倍+ 解决方案流程图 流程图 问题&解决方案&验证 定位问题(加载一个CSS超时) 解决步骤 下载访问超时的CSS(Google浏览器中F12中可以找到加载CSS地址)并保存到本地(用可以连上google网络) https://fonts.googleapis

  • VMWare Workstation虚拟机访问外网的图文教程

    平时在使用虚拟机的时候都没有使用外网的需求,这次配置ceph的时候,快速安装ceph需要使用外网,突然发觉上不了网,经过网络上的学习,整理一下内容. 用的NAT模式,以前我一直以为这个是与主机进行网络交换的,想访问外网需要将网关设置成这里显示的.其实并不是,这个仅仅是主机与虚拟机进行数据交换,而虚拟机中需要访问外网走的网关是在vmware中设置,如下图: 这个页面是在"编辑"中. 点击更改设置后,出现: 在点击NAT设置: 在虚拟机中的操作系统的网关就需要与这个一致. 我的操作系统是C

  • IIS配置网站定时任务必设参数图文教程

    IIS配置网站定时任务必设参数图文教程

    网站中的定时任务一般是必不可少的,具体的实现方法此文不做详细说明,如有需要了解的请留言.本文主要讲述定时任务有关IIS中的设置. 如果一个网站在20分钟内(IIS默认为20分钟)没有客户端访问,服务器会自动释放IIS的应用程序池,此时定时任务就会失效,如果需要IIS中的应用程序池在长时间不会被释放需要对其参数进行调整: 打开IIS管理界面,如下图: 点击"应用程序池",从右侧应用程序池列表中选择要设置的应用程序池,点击右键,选择"高级设置...",打开如下界面: 分

  • Windows 64位下装安装Oracle 11g，PLSQL Developer的配置问题,数据库显示空白的完美解决方案(图文教程)

    Windows 64位下装安装Oracle 11g，PLSQL Developer的配置问题,数据库显示空白的完美解决方案(图文教程)

    安装pl sql 后,若下图的数据库处为空.则需要安装32位的客户端,说明pl sql不支持64位客户端连接. 解决办法: 1.下载32位Oracle客户端,并安装 2.设置PLSQL Developer 打开pl sql 在"工具" - "首选项" - "连接"中,设置 OCI库 (即oracle 32位的安装位置) D:\app\Administrator\product\11.2.0\client_1\oci.dll 如下图: 3.添加环境

  • MySql安装步骤图文教程及中文乱码的解决方案

    MySql安装步骤图文教程及中文乱码的解决方案

    MySql Server安装步骤如下所示: 1安装MySql Server 2 安装MySqlServer管理工具 解压中文语言包,将文件复制到安装目录下覆盖 文件覆盖后,打开软件设置语言为中文(CN) 3 MySqlServer开发注意事项(C#) 1.联接字符串:"Server=localhost;Database=100;Uid=root;Pwd='root'" 2.引用MySql.Data.dll;using MySql.Data.MySqlClient; 3.使用MySqlC

  • mac下配置和访问阿里云服务器（Ubuntu系统）的图文教程

    mac下配置和访问阿里云服务器（Ubuntu系统）的图文教程

    1.购买云服务器(http://www.aliyun.com/?spm=5176.3047821.1.1.vHFBuw) 注册帐号,在产品页面选择合适的服务器,进入详细页面选择配置,购买. 购买完成后进入管理控制台--云虚拟主机.ECS云服务器查看服务器状态. 2.注册域名.阿里云也提供域名注册和购买的功能,输入域名查询后购买即可.(国内注册域名后需要网络备案,备案操作和流程在阿里云里面有教程,有点麻烦) 3.域名解析.进入管理控制台--云解析,选择已注册的域名,点击后面的"解析"按钮

  • VMware下配置Linux系统局域网和外网访问图文教程

    VMware下配置Linux系统局域网和外网访问图文教程

    要使用Linux系统很重要的一个操作就是使Linux系统能够访问互联网,只有Linux系统能够访问互联网才能够去下载很多自己所需要的资源,如果不能访问互联网那么使用Linux系统往往会卡在这一步,假设你装的是一个minimal版本的CentOS,那么很多Linux系统下面的工具都是没有被安装的,这个时候如果不能访问互联网,你会感觉特别的蛋疼,因为很多工具都没法下载以及安装,那么,今天小编就给大家分享一下如何在VMware下配置Linux系统成功访问局域网和外网. 第一步:打开VMware虚拟机,

  • 使用IDEA创建Java Web项目并部署访问的图文教程

    idea (java语言开发的集成环境) IDEA 全称IntelliJ IDEA,是用于java语言开发的集成环境(也可用于其他语言),IntelliJ在业界被公认为最好的java开发工具之一,尤其在智能代码助手.代码自动提示.重构.J2EE支持.Ant.JUnit.CVS整合.代码审查. 创新的GUI设计等方面的功能可以说是超常的.IDEA是JetBrains公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主. idea基本概念给大家普及完了,大家开始看正

  • Docker开启远程安全访问的图文教程详解

    一.编辑docker.service文件 vi /usr/lib/systemd/system/docker.service 找到 [Service] 节点,修改 ExecStart 属性,增加 -H tcp://0.0.0.0:2375 ExecStart=/usr/bin/dockerd -H fd:// --containerd=/run/containerd/containerd.sock -H tcp://0.0.0.0:2375 这样相当于对外开放的是 2375 端口,当然也可以根据

  • 用Python创建简易网站图文教程

    用Python创建简易网站图文教程

    前言 本方法基于web2py框架,使用web2py的完整网站数据包创建简单网站. web2py 是一个为Python语言提供的全功能Web应用框架,旨在敏捷快速的开发Web应用,具有快速.安全以及可移植的数据库驱动的应用,兼容 Google App Engine. (百度百科:https://baike.baidu.com/item/web2py/8111052?fr=aladdin) 教程 1.进入网址:http://www.web2py.com/init/default/download根据

随机推荐