针对桌面版和移动版优化网站

Question

我正在尝试加快使用 Wordpress 内置的网站。 网站的大部分区域都启用了缓存，我也在使用 cloudflare 来加速它。

当我运行几个测试以检查我的网站的优化和速度时，我在 css 部分和一些字体标题中出现了一些问题，这需要很长时间才能加载。我用于 wordpress 网站的主题是 ASTRA 主题。但是，我现在在我的主数据库中查找这些内容以进行更正时遇到问题。

域名和主机来自 HOSTGATOR，孵化计划。 网站页面是：healthy-paradise.com

我仍在建立这个网站。

任何人都可以帮助我并告诉我，我在哪里可以找到这些文件、文件夹和目录，进行更改，以及需要进行哪些更改？ 所附图片的链接显示有问题的文件..

向大家致以最诚挚的问候。

Answer 1

首先你需要了解一些关于网站性能的事情。没有“完美”的网站，获得 100% 的谷歌页面速度洞察或灯塔几乎是不可能的，但你可以接近。 大多数可用的主题（免费或购买）都使用我们所谓的“库”或“框架”来简化开发过程。这些网站的缺点是您加载的内容、工具和代码过多。

例如，您的网站使用 jquery（一个重型 js 库）和 bootstrap（css 框架）。所以你已经在这方面失去了表现。通常，除了正确加载脚本（从 function.php 文件加载它们......等）之外，您无法做任何事情。

据我所知，您在图像大小方面失去了很多性能，这是您可以控制的，您的图像应该针对网络进行优化，具有适当的格式、大小和尺寸。

另一件大事是您没有使用 ssl。这也会影响性能。

无论如何，我认为您现在应该得到它，解决所有您可以解决的问题，并且您应该很好。 https://web.dev/measure/?gclid=Cj0KCQjw9IX4BRCcARIsAOD2OB2k4TK53FGVyn-B2ASY_46zmbyHBzUAmI_Cj6UWvHBi9_3jiKbeAKAaAiqTEALw_wcB