• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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%2C700subset=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网站访问慢解决方案内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

    您可能感兴趣的文章:
    • 六个步骤,从零开始教你搭建基于WordPress的个人博客
    • 详解用nginx+WordPress搭建个人博客全流程
    • 主机Nginx + Docker WordPress Mysql搭建的详细步骤
    • Nginx环境下WordPress的多站点功能配置详解
    • Nginx设置wordpress伪静态的方法示例
    • 如何用nginx配置wordpress的方法示例
    上一篇:php基于redis的分布式锁实例详解
    下一篇:Thinkphp使用Zxing扩展库解析二维码内容图文讲解
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

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