Question

我有一个Wordpress博客。除主页外，所有部分均加载良好。主页太慢了，但是我找不到使它减速的原因。我在控制台中搜索资源，但看不到任何导致网站加载时间太长的img或脚本。

该站点是：https://www.lagaleramagazine.es/

如果您转到https://www.lagaleramagazine.es/agenda/casting-gana-con-tu-voz/2019-05-09/或https://www.lagaleramagazine.es/solidaridad-y-animales-mucho-mas-que-zooterapia/或https://www.lagaleramagazine.es/solidaridad-y-animales-mucho-mas-que-zooterapia/之类的其他区域，您会发现与首页相比时间太快了。

我缩小了缩略图，但这没有解决问题。

Answer 1

我建议您看一些在线工具，例如PageSpeed Insights或Pingdom了解导致网站速度下降的一些主要因素。

图像看起来像是其中很大一部分，但是如果您查看Pingdom瀑布，您会发现在页面实际开始渲染之前有一个巨大的延迟（等待）。对我来说，这建议一些相当密集的php进程，或不良的托管。您也许可以通过一些不错的页面缓存来对此有所帮助。

Answer 2

在首页上放置延迟加载帖子，并优化您的css和js，图片和html并安装缓存插件

延迟加载示例：http://jquery.eisbehr.de/lazy/example_basic-usage

谢谢

Answer 3

通过将图像另存为Web保存来优化Photoshop中的图像。使用浏览器缓存插件，例如w3总缓存或wp最快的缓存。在服务器上启用GZIP压缩，wp最快的缓存插件中也提供了gzip选项。或将此代码添加到.htaccess文件中。

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

缩小Javascript，CSS和HTML文件。不要使用太多插件。另外，通过这些方式使用速度优化的WordPress主题，您可以提高网站速度

仅在首页Wordpress中加载缓慢的时间

3 个答案: