【问题标题】:After css and js minified why my wordpress site is slow?在 css 和 js 缩小后,为什么我的 wordpress 网站很慢?
【发布时间】:2014-06-11 20:01:11
【问题描述】:

缩小所有 css 和 js 后,为什么我的 wordpress 网站速度很慢?我使用 Ipage 托管。我在http://developers.google.com/speed/pagespeed/insights 测试我的网站,它显示桌面模式 83/100。 http://infotech-24.com这是我的网站。我的 wordpress 主题大小为 2.20MB。我没有使用任何插件 在 .htaccess 文件中,我使用此代码DirectoryIndex index.php

过期缓存##

<IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType text/html "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 1 month" </IfModule>

缓存过期

压缩文本、html、javascript、css、xml:

AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript

请帮帮我

【问题讨论】:

  • 为什么&lt;link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Raleway:300,400,400italic,700" &gt;被声明了3次?
  • 您的网络服务器响应缓慢。问题不在于将资源提供给客户端,而是服务器开始分发资源所花费的时间。我的猜测是您的共享或 VPS 托管已超额订阅。此外,启用 gzip 压缩将有效负载大小减少约三分之二,但会增加 CPU 资源使用率,而且我认为您没有多少可用资源。
  • 我使用这个主题themes.muffingroup.com/pindol我如何删除字体
  • 另外,你可以用一个链接来代替用两个链接调用两种字体:fonts.googleapis.com/…" >

标签: javascript css wordpress minify


【解决方案1】:

Chrome 的开发者工具栏显示 2.05 秒延迟,这是从浏览器请求文档到网络服务器返回响应的时间。其他所有内容只需约 1.5 秒即可加载,总加载时间为 3.5 秒。

在任何 JS、CSS 或图像依赖项开始加载之前都会出现 2 秒延迟。换句话说,您的服务器需要 2 秒来准备 HTML 文档。这就是我希望提高速度的地方。

由于这是一个 WordPress 网站,因此每次呈现页面时都会发出数据库请求,这很可能是出现速度下降的地方。为了加速 WordPress 站点,我要做的第一件事是安装一个缓存插件,例如 W3 Total Cache。默认的 W3TC 设置通常很好 - 只需打开页面缓存和数据库缓存。 (请记住,如果您登录 WordPress,则会绕过缓存)。

我最近在一个 WP 站点工作,其中未缓存的 DOM 加载时间(即延迟)为 10 秒,缓存为 500 毫秒,因此有一些很大的收获。

【讨论】:

    【解决方案2】:

    这并不是特别糟糕,我花了 2 到 3 秒的时间来加载。此外,请考虑 Google 仅得分 91/100 的事实。 83/100 是可以接受的。

    但是,您可以考虑修复(根据测试结果):

    • 消除首屏内容中阻止呈现的 JavaScript 和 CSS
    • 减少服务器响应时间
    • 优化图片
    • 缩小 JavaScript

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-03-27
      • 2015-09-14
      • 1970-01-01
      • 2021-07-18
      • 2011-01-08
      • 1970-01-01
      相关资源
      最近更新 更多