WordPress优化提升网站加载速度修复WordPress网站速度慢加载慢

WordPress优化提升网站加载速度修复WordPress网站速度慢加载慢

　　想加速WordPress网站吗？快速加载页面可改善用户体验、增加浏览量并帮助您的WordPress SEO。在互联网上不能浪费一秒钟。速度很重要，尤其是在加载时间方面，如果您的WordPress网站运行缓慢并迫使用户等待几秒钟，可能会立即感受到负面影响，可以看到跳出率上升、转化率下降和搜索排名不佳。

　　在本文中，我们晓得博客将分享WordPress优化提升网站加载速度修复WordPress网站速度慢加载慢，以提高WordPress性能并加速您的网站。

　　推荐：Perfmatters插件教程轻量WordPress性能优化插件

为什么快速的网站至关重要

　　今天的互联网用户期望加载时间显着加快，事实上确保网站快速且性能良好是Google Web基础。

　　网站速度慢的最大问题是您的用户经常会失去耐心并离开。这会对跳出率产生负面影响，近大半的用户希望网站在 2 秒 或 更短的时间加载，如果网站在 3 秒内没有加载，40%的用户会离开。仅 1 秒的延迟就能导致转化率降低7%。

　　如果丢失的流量和转换不够令你信服，那么网站的SEO呢？速度是谷歌关心的一个因素，所以网页速度慢会导致你的搜索排名下降。使用移动设备浏览互联网的人数超过了台式电脑。且大多数移动用户都在寻找与计算机上获得的体验相似的体验。

　　推荐：什么是Core Web Vitals

WordPress网站速度慢加载慢的原因？

　　WordPress外贸建站的加载缓慢和性能不足的最可能原因仅仅是网站构建不当，选择的托管服务提供商也是重要因素，因此需要确保为网站选择优质的网络托管服务商。

• 网站速度变慢的另一个原因可能是流量过多，大量访问者是加载时间缓慢的最常见原因之一，
• 如果有多个用户同时登录到网站的后端，也会发生同样的事情，这也会占用服务器资源。
• 庞大低效的代码也是网站运行缓慢的原因，会导致页面加载和运行时间更长，并在过程耗尽资源。

　　推荐：FlyingPress插件教程WordPress轻量级速度优化插件

1、测试工具

　　在优化修复WordPress网站速度缓慢之前使用工具找到你WordPress网站上的瓶颈。

• Chrome开发工具——覆盖率报告显示您最大的CSS/JS文件以及它们的加载位置，速度和网络生命力的很多部分都与CSS/JS相关，最好从源头上解决它。删除不需要的东西比尝试优化它更好。
• KeyCDN性能测试——在全球10个地点测量TTFB，显示了DNS查找时间和TLS。
• PageSpeed Insights——大多数项目归结为减少或优化CSS、JS、字体、图像、TTFB和首屏内容。在Google Search Console中监控核心Web Vitals报告。
• WP-Optimize——查看哪些插件增加了数据库开销并可以删除已被删除插件/主题留下的表。
• 瀑布图——测试“分数”不如在瀑布图中测量真实有效。可以在WebPageTest、GTmetrix找到。
• 诊断插件——诊断插件，如Query Monitor 和 WP Crontrol。

　　推荐：8个免费好用的外贸网站速度测试工具

2、DNS解析

　　缓慢的DNS解析会导致延迟，这是TTFB的一部分。GoDaddy、NameCheap在dnsperf.com上表现不佳。更好的选择包括Cloudflare、或Google。通常推荐Cloudflare，免费并且可更改nameservers。

3、网站主机托管及网站主题

　　比较好的WordPress主题可以以最少的HTTPS、CSS、JS，更快的速度而流行。

　　而网站主机托管的性能也会更大的影响网站速度，关于网站主机托管需要知道的事情：

• 托管是网站速度的第一因素。
• TTFB是托管性能的关键指标。
• TTFB是核心Web Vitals的一部分，占LCP的40%。
• TTFB也会影响INP（因为延迟是TTFB的一部分）。
• SpeedVitals在35个地点测试TTFB–使用这个工具。
• 测试您的网站3次以获得SpeedVitals中的准确数字。
• 确保您的缓存和CDN正常工作。
• 在第三次SpeedVitals测试中检查您的全球平均TTFB。
• 如果超过600毫秒，谷歌会标记您的TTFB，但低于200毫秒会更好。
• PageSpeed Insights（和其他测试工具）仅在1个位置测试TTFB。

　　推荐：什么是Core Web Vitals

4、页面构建器

　　在WordPress优化建站中，需要知道的是Elementor、Divi 比 Gutenberg、Oxygen页面构建器响应速度慢。

　　由于多个Page Speed Insight项目与 CSS / JS / 字体相关，因此用轻量级替代品替换它们。如果不想完全放弃页面构建器，仍然有一些方法可以优化它。

• Divi/Elementor为网站添加额外的CSS/JS/字体。
• 添加页面构建器插件可能会减慢速度。
• GeneratePress、Kadence、Blocksy、Oxygen更快。
• 如果使用Astra Starter Sites，请使用在Gutenberg（不是Elementor）中构建的模板。
• 如果不使用Elementor字体图标、elementor-dialog.js，请禁用它。
• 通过使用更少的小部件/列来简化设计。
• 晓得博客为你提供页面构建器删除服务，

　　推荐：Elementor页面构建器教程

5、CDN

　　具有HTML缓存（和其他CDN功能）的高性能CDN可以成为网站速度响应缓慢与否的原因。

　　Cloudflare的仪表板有数百项优化来提高速度、安全性和CPU使用率。Cloudflare拥有270多个数据中心和所有强大功能的Cloudflare很难被击败。

　　推荐：什么是CDN?使用CDN的好处是什么

6、缓存插件

　　让我们用10行或更少的代码总结5个流行的缓存插件。

• FlyingPress——比其他更好地针对核心网络生命体征和真实世界浏览进行优化。FlyingPress还可以延迟渲染HTML元素、自托管YouTube占位符，删除未使用的CSS功能比WP Rocket更快。
• LiteSpeed Cache——在优化网络生命体征和真实用户方面也做得很好，只能在LiteSpeed上使用，它是免费的，而且它具有更快的服务器端缓存。
• WP Rocket——删除未使用的CSS对访问者来说速度较慢，WP Rocket不自托管字体（甚至不推荐它）或视频占位符。
• SiteGround Optimizer——非常适合缓存，而不是Web Vitals。如果你的WordPress外贸建站使用的是SiteGround主机，则可以使用SiteGround Optimizer，

　　推荐：WordPress缓存插件WP Fastest Cache插件使用教程

7、其他缓存

　　检查主机是否支持对象缓存(Redis/memcached)、OPcache和HTTP加速器，大多数都可以，但需要手动启用或设置。

• OPcache——在您的主机中启用（有助于减少CPU使用率）。
• 浏览器缓存——在您的缓存插件中启用（将文件存储在浏览器中）。
• HTTP加速器——在您的主机中启用（可能是Varnish或FastCGI）。
• 对象缓存——Redis通常比memcached更有效地使用内存，并且适用于大型/电子商务网站

　　推荐：WordPress静态缓存插件WP Super Cache使用教程

8、插件

• 将CSS/JS添加到前端——使用Chrome开发工具覆盖率报告查看哪些插件添加了CSS和JS。
• 增加CPU使用率——常见于收集“统计信息”的插件，如Wordfence的实时流量报告、链接检查器。
• 数据库膨胀——使用WP-Optimize查看哪些插件增加了数据库开销。
• 首屏加载——缓慢的插件已经够糟糕了，但在首屏加载它们更糟糕，可以延迟它。

　　在Query Monitor中，“按组件查询”部分显示了你网站变慢插件。删除不使用的插件（以及它们的数据库表），并禁用不使用的插件功能。

　　推荐：5个WordPress性能优化插件

9、CSS+JavaScript

• 删除未使用的CSS——WP Rocket的内联加载使用过的CSS的方法对访问者来说速度较慢，理想情况下，应该将使用过的CSS加载到单独的文件中，这样它就可以被缓存并且不会增加HTML大小。
• 删除Gutenberg CSS——如果您不使用Gutenberg的块库，可以删除默认加载的Gutenberg的CSS。
• 资产卸载插件——从不需要加载的特定页面/帖子中删除CSS/JS。
• 关键CSS——立即加载首屏CSS，从而提高LCP。
• 加载CSS/JS非渲染阻塞——延迟JavaScript和关键CSS，或者尝试异步JavaScript。
• 不要合并——应该几乎总是关闭，尤其是在大型网站或HTTP/2上。
• 字体图标——如果您不使用它们或使用Elementor的自定义图标，请禁用它们。
• WooCommerce——在非电子商务内容上禁用脚本/样式，并在不需要加载的地方禁用Woo插件。

　　推荐：WordPress网站如何使用WP Rocket删除未使用的CSS

10、使用 Brotli / GZIP压缩

　　Brotli 和 gZIP通过压缩图像、CSS 和 JavaScript 文件来减少在服务器和访问者之间传输的数据的大小。当您的访问者的浏览器接收到压缩元素时，它会在呈现之前对其进行解压缩。这显着降低了正在传输的信息的大小，从而降低了网站页面的加载时间。

　　推荐：什么是LZW压缩

11、第三方代码优化

　　网站上必须从第三方域中提取信息的任何内容（例如Google字体、Google Analytics跟踪代码或嵌入式YouTube视频），这是WordPress网站速度加载慢的常见原因。幸运的是，大部分都可以优化。

　　一些第三方代码可以在本地托管，对于无法在本地托管的第三方代码，如果它在首屏以下加载，则延迟其JavaScript，避免使用了太多的跟踪工具：分析、跟踪代码管理器、热图等等。

　　推荐：什么是UTM Code代码

12、字体优化

　　可能是CSS/JS之后最大的文件。GTmetrix瀑布图显示字体加载时间、请求数量以及它们是在本地提供还是来自第三方域。

　　尽量只使用1个字体系列，并且只加载您实际使用的粗细。使用WOFF2比.ttf和.otf更快的最轻量级/通用格式。如果字体是从fonts.gstatic.com提供的，请在本地托管它们。

　　推荐：Astra主题开启本地加载谷歌字体提高网站性能

13、图片优化

　　在WordPress优化中，图像的优化是重中之重，WebP图像格式是比JPEG/PNG更快，大多数图像优化插件或CDN都可以做到这一点。

　　指定图像的尺寸，大多数缓存插件可以“添加缺失的尺寸”，否则您需要在图像的HTML或CSS中添加宽度/高度，这可以防止布局变化。在慢速连接上提供低质量图像，直到可以访问更快的连接。

　　推荐：WordPress图片压缩插件JPEG、PNG和WebP图像压缩TinyPNG插件教程

14、视频优化

　　除非视频经过优化，否则它们可能是页面上最慢的内容。

　　虽然大多数缓存插件延迟加载视频并用预览图像替换iframe，但FlyingPress和WP YouTube Lyte是仅有的一些优化占位符的插件。

　　推荐：Perfmatters插件教程轻量WordPress性能优化插件

15、评论

　　第三方评论插件、Gravatars 或 大量评论可能会减慢WordPress。

　　延迟第三方评论插件和Gravatars。使用本地头像插件来阻止Gravatar请求。如果必须使用Disqus，请使用条件加载插件。尝试使用“加载更多评论”按钮，尤其是在移动设备上。

　　推荐：如何设置/禁用WordPress网站的评论功能

16、LCP（Largest Contentful Paint）

• 从延迟加载中排除首屏图像——不应该延迟加载、延迟或延迟任何在首屏加载的内容，
• 先于折叠图像之上——在折叠图像之上预加载（或使用fetchpriority）。
• 减少CSS、JS、字体大小——减少加载时间的很大一部分是减少文件大小。
• 减少TTFB——通常可以通过更好的托管+CDN设置来提高40%的LCP。
• 消除渲染阻塞CSS/JS——渲染阻塞资源会增加延迟（参见视频）。
• 延迟渲染HTML元素——允许浏览器专注于首屏内容。

　　推荐：5个WordPress性能优化插件

17、CLS（Cumulative Layout Shift）

　　当页面加载时发生跳跃时，会发生CLS布局变化。将字体显示更改为交换或可选，如果您看到“确保文本在webfont加载期间保持可见”，

　　异步加载CSS的问题，如果这会破坏您的站点并且您默认返回异步加载CSS，请确保排除导致FOUC的有问题的文件，确保关键CSS正常工作，并始终在更新样式表/自定义CSS后重新生成关键CSS。

　　指定图像、视频、iframe、广告的尺寸，前3个很容易。广告和其他动态内容应该通过将其放置在div代码中来保留空间，宽度/高度应该是广告的最大尺寸。

　　推荐：什么是Core Web Vitals

18、预加载、预取、预连接

　　预加载、预取、预连接有助于浏览器更快地下载高优先级资源。

• 预加载——通常用于首屏图像，也可用于CSS/JS、视频、音频和其他文件。
• 链接预加载——以便即时内容中的内部链接在单击时加载得更快
• DNS预取——有助于浏览器通过执行DNS查找来预测第三方域，但通常不需要，
• 预连接——建立与重要第三方域的早期连接，常见于CDN URL和第三方字体，

　　推荐：如何将SVG图片上传到WordPress网站

19、数据库优化

　　使用缓存插件清理数据库通常存在3个问题：

• 不能进行数据库备份。
• 不能删除旧插件留下的数据库表。
• 会删除所有帖子修订，但可能希望保留一些。

　　浏览您的WordPress数据库表并查找未安装或不活动的表。如果不打算再次使用插件（或主题），可以删除，通常会将信息存储在数据库中以供将来使用。某些插件模块/功能也会增加数据库开销，尤其是在收集数据时。

　　推荐：如何使用phpMyadmin优化MySQL数据库

20、后台任务

　　后台任务可能会阻塞您的服务器并增加CPU使用率。

　　常见于缓存插件、收集统计信息或创建自动加载的插件，甚至WordPress核心包括自动保存、pingback等等。其中许多可以使用cron作业在非高峰时段禁用、限制或安排。

　　禁用pingbacks 和 禁用Trackback，不希望每次添加内部链接时都收到通知，还可以限制某些优化插件中的修订，手动使用代码，或使用WP-Optimize运行计划的数据库清理，同时保持一定数量的修订

　　推荐：Defender Security插件WordPress安全插件教程

21、WordPress手机版本优化

　　在WordPress建站中，移动分数是一个常见问题。为移动设备调整图像大小，包括图像CDN和自适应图像插件；在移动设备中使用静态图像替换滑块/画廊。

　　删除未使用的CSS/JS，使用移动缓存，且知道何时使用单独的移动缓存。可在慢速连接上降低图像质量，记得检查您的WordPress主题的响应能力。

　　注意：不要使用AMP。

22、WooCommerce优化

　　WooCommerce网站通常有更多的插件、脚本、样式，并且比静态网站更需要资源。如果您想要好的结果，要进一步优化网站。

　　对于WooCommerce网站中的产品图片尺寸进行严格控制，增加内存限制，WooCommerce网站通常需要更多地增加内存限制。使用Elasticsearch加快搜索速度，尤其是对拥有数千种产品的网站。

　　推荐：[最新版]Flatsome主题下载多用途响应式WordPress WooCommerce主题

23、WordPress安全

　　通过正确的优化，你可以不需要安装安全插件，这里有其他一些提示：

• 隐藏您的WordPress版本。
• 添加安全标头（尝试HTTP标头插件）。
• 使用Cloudflare防火墙规则（即仅从您的IP访问wp-login）。
• 禁用文件编辑以防止黑客编辑主题/插件文件。

　　推荐：WordPress插件Wordfence Security安全插件图文使用教程

24、升级PHP版本

　　只有7%的网站使用PHP 8，更高的PHP版本会更快更安全。如果更新破坏了您的网站，只需恢复到旧版本（或删除维护不佳的不兼容插件）。

24、总结

　　以上实现晓得博客为你介绍的WordPress优化修复WordPress网站速度慢加载慢的全部内容，希望对你的WordPress建站和WordPress优化有帮助，如果对改进本教程有任何建议（或者您有问题），请给我留言。

　　推荐：WPControl性能优化插件WordPress最简单的优化插件教程