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

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

强烈推荐一个大神的人工智能的教程:http://www.captainai.net/zhanghan


前言


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

优化前:

  • 加载耗时:21秒+

优化后:

  • 加载耗时:250毫秒

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


解决方案流程图


  • 流程图


问题&解决方案&验证


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


f95f4cb29b9ba04cd696cdbfd28494c2_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI4MjkxMjQ=,size_16,color_FFFFFF,t_70#pic_center.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

6fb2e287b931389a07a8a8f84255ed1f_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI4MjkxMjQ=,size_16,color_FFFFFF,t_70#pic_center.png


20201014004657650.png


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


2cad6779c3e461bd803a501998a2ca25_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI4MjkxMjQ=,size_16,color_FFFFFF,t_70#pic_center.png


  • 进入服务器WordPress程序及当前使用主题目录下
cd /www/wwwroot/zhanghan.xin/wp-content/themes/bento/


20201014003751572.png


  • 查找引用css的文件(在此以all.css为例,因为从F12结果可以看出all.css是本地加载)
find . | xargs grep -ril 'all.css'

20201014003939651.png


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

96a1744665023cd3bb9968424074dda6_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI4MjkxMjQ=,size_16,color_FFFFFF,t_70#pic_center.png


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

9ec2d035bb483487d6003bc1cb216775_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI4MjkxMjQ=,size_16,color_FFFFFF,t_70#pic_center.png


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

20201014004526717.png


  • 验证


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


0b2d9981d5b74730e74f9685817a4b2d_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI4MjkxMjQ=,size_16,color_FFFFFF,t_70#pic_center.png


总结


  • 遇到问题解决完后及时总结共享,一方面自己以后再遇到类似问题可以参考博文快速解决,另一方面为其他博友提供一种解决问题的思路和方案


  • 后续会写快速搭建个人网站及小程序系列博文

相关文章
|
5月前
|
缓存 应用服务中间件 PHP
WordPress提速指南:Memcached+Super Static Cache+CDN缓存网站内容
本文分享三大网站提速方案:启用Memcached减少数据库压力,使用Super Static Cache生成静态页面,结合CDN实现全球加速,全面提升WordPress加载速度与用户体验。
225 1
|
8月前
|
前端开发 UED
【转】WordPress 评论解锁插件开发教程
本文介绍如何开发一款WordPress评论解锁插件,实现“评论后查看隐藏内容”功能。通过短代码封装、Cookie识别评论状态、样式加载等核心逻辑,帮助网站提升互动性与内容价值。插件支持自定义提示语和样式,兼顾用户体验与安全性,适用于资源分享、文章互动等场景。
149 0
|
9月前
|
存储 安全 算法
用 MD5 加密 WordPress 验证码的完整教程
本文详细介绍了如何使用MD5加密技术增强WordPress验证码的安全性。通过将验证码答案以MD5形式加密并存储在Session中,避免了明文传输可能带来的安全风险。文章从形势分析、MD5算法介绍到实战操作步骤,逐步引导读者实现加密验证流程。同时提供了调试方法,确保修改生效。此教程旨在为网站添加一层安全保障,提升对抗网络攻击的能力。
511 1
|
10月前
|
网络安全 开发者
如何解决HTTPS协议在WordPress升级后对网站不兼容的问题
以上就是解决WordPress升级后HTTPS协议对网站的不兼容问题的方法。希望能把这个棘手的问题看成是学校的管理问题一样来应对,将复杂的技术问题变得更加有趣和形象,并寻觅出解决问题的方式。希望你的网站能在新的学期得到更好的发展!
262 19
|
11月前
|
缓存 搜索推荐 数据库
使用SiteGround搭建WordPress网站的方法
以上就是在SiteGround上搭建WordPress网站的步骤。这个过程可能需要一些时间和耐心,但只要你按照步骤操作,你就可以成功搭建自己的WordPress网站。
380 23
|
11月前
|
缓存 PHP 数据库
WordPress网站服务器性能优化方法,站长必备。
最后,当你将这些方法组合起来并实施时,您将发现你的WordPress网站性能有了显著的提高。别忘了,这不是一次性的任务,要定期执行,保持你的车(网站)始终在轨道上飞驰。
335 21
|
11月前
|
缓存 运维 负载均衡
WordPress 速度优化的大难题,Websoft9 提供了根本解决方案
全球超40%的网站基于WordPress构建,但随着内容增加和插件使用,网站速度变慢成为普遍难题。传统优化手段效果有限且操作复杂。Websoft9推出“三位一体”解决方案:预装高性能服务器环境、智能化资源管理及动态缓存与负载均衡,从底层到应用层全面加速。实际案例显示,该方案可将网站速度提升300%,显著改善用户体验与SEO排名。用户可通过云端一键部署并启用自动化配置,轻松实现高效优化。
235 5
|
11月前
|
运维 网络安全 PHP
2025年面板安装 Wordpress 网站教程
本文对比了2025年国内主流服务器运维面板(宝塔、1Panel、Websoft9、AMH、旗鱼云梯)的核心特点与适用场景,并详细介绍了各面板安装WordPress的教程。内容涵盖环境配置、数据库创建及源码部署等步骤,同时提供了通用注意事项与选择建议。新手可优先考虑操作直观的宝塔面板或云端管理工具旗鱼云梯,技术爱好者和企业用户则可根据需求选择更专业或定制化的方案。
810 2
|
12月前
|
存储 自然语言处理 搜索推荐
WordPress网站配文(又名:大力出奇迹)插件
“网站配文”插件可大量生成原创性较高的文章,助力SEO收录。插件含标题与段落数据表,自带90万+标题、118万+段落数据,支持分类设置、发布状态管理、作者随机分配、定时发布等功能。通过组合标题和段落,轻松生成百万级文章,提升网站流量与权重。
231 1
【wordpress教程】wordpress博客网站添加非法关键词拦截
有的网站经常被恶意搜索,站长们不胜其烦。那我们如何屏蔽恶意搜索关键词呢?下面就随小编一起来解决这个问题吧。
335 1