加速网站正确完成

Question

我想加快我的网站速度。我想知道我是否在语法方面做得正确。

<IfModule mod_expires.c>
  Header unset Pragma
  FileETag None
  Header unset ETag
  ExpiresActive On

ExpiresDefault "access plus 1 year" 

  ##### DYNAMIC PAGES
  <FilesMatch "\\.(ast|php)$">
   ExpiresDefault A7200
    Header set Cache-Control "public, max-age=3600, must-revalidate"
  </FilesMatch>

  ##### STATIC FILES
<FilesMatch "(?i)^.*\.(ico|png|gif|jpg)$">
Header unset Last-Modified
Header set Expires "Fri, 21 Dec 2012 00:00:00 GMT"
Header set Cache-Control "public, no-transform"
</FilesMatch>

  <FilesMatch "\\.(css|js|xml)$">
    Header set Cache-Control "public, max-age=604800, must-revalidate"
</FilesMatch>

</IfModule>

Answer 1

不要缓存 asp 或 php 或任何动态页面！这将导致不可预测的结果。

下面是一个示例，假设您有一个名为catalog.php 的页面，该页面呈现具有最新价格和库存情况的产品目录。由于您已将其设置为在浏览器上缓存结果一小时，因此它将在浏览器上显示陈旧数据一小时！

动态页面永远不应该像这样批量缓存。您需要根据从页面返回的数据的新鲜程度在页面上放置单独的缓存逻辑。

对于静态页面，您可以进行此类批量过期操作。但是，请注意，如果您将 css 和 js 文件设置为一年后过期，那么今天访问您网站的用户将在很多天或几个月内无法从网络服务器获取最新的 js 和 css。如果您对脚本或样式进行更改，它们将看不到更改，除非您使用某些唯一的查询字符串手动更改文件的 url。

我在这里讨论了一种仅适用于 ASP.NET 的方法。但它会告诉您注意事项。

http://omaralzabir.com/automatic-javascript-css- versioning-to-refresh-browser-cache/

您还可以阅读我关于充分利用缓存的 7 个技巧，其中解释了所有此类方法以及每种方法的优缺点：

http://omaralzabir.com/making_best_use_of_cache_for_high_performance_website/

请告诉我这是否有帮助。

Answer 2

我知道这个问题是 2011 年提出的，但即便如此，Pragma 仍然很旧。我认为停止使用它是安全的。

我们很少需要设置“公共”或必须重新验证，除非您尝试支持非常旧的浏览器和代理（例如 IEv4 之前的版本等）。

如果你要缓存你的 php，你仍然需要在你的 php 代码中做一些工作。

取消设置图像和内容的“上次修改时间”本质上会导致这些文件出现“从不缓存”的情况，直到静态（当时）未来日期的预定日期为止。我认为您希望在未来 X 天始终缓存静态文件，而不是取消设置上次修改。

您的 htaccess 文件可以变得更加简单。借用 H5BP 的一些片段，我们可以对其进行一些现代化改造，使其成为：

## set some mime types to their proper types
AddType application/javascript      js jsonp
AddType application/json            json
AddType application/xml             rss atom xml rdf
AddType image/x-icon                ico


<IfModule mod_deflate.c>
  # Force deflate for mangled headers developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/
  <IfModule mod_setenvif.c>
    <IfModule mod_headers.c>
      SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
      RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
    </IfModule>
  </IfModule>

  # Compress all output labeled with one of the following MIME-types
  # (for Apache versions below 2.3.7, you don't need to enable `mod_filter`
  # and can remove the `<IfModule mod_filter.c>` and `</IfModule>` lines as
  # `AddOutputFilterByType` is still in the core directives)
  <IfModule mod_filter.c>
    AddOutputFilterByType DEFLATE application/atom+xml \
                                  application/javascript \
                                  application/json \
                                  application/rss+xml \
                                  application/vnd.ms-fontobject \
                                  application/x-font-ttf \
                                  application/xhtml+xml \
                                  application/xml \
                                  font/opentype \
                                  image/svg+xml \
                                  image/x-icon \
                                  text/css \
                                  text/html \
                                  text/plain \
                                  text/x-component \
                                  text/xml
  </IfModule>
</IfModule>


<IfModule mod_expires.c>
  ExpiresActive on
  ExpiresDefault                          "access plus 1 month"
# Your document html
  ExpiresByType text/html                 "access plus 0 seconds"
# Data
  ExpiresByType application/json          "access plus 0 seconds"
  ExpiresByType application/xml           "access plus 0 seconds"
  ExpiresByType text/xml                  "access plus 0 seconds"
# Feed
  ExpiresByType application/atom+xml      "access plus 1 hour"
  ExpiresByType application/rss+xml       "access plus 1 hour"
# Favicon (cannot be renamed)
  ExpiresByType image/x-icon              "access plus 1 week"
# images
  ExpiresByType image/gif                 "access plus 1 month"
  ExpiresByType image/jpeg                "access plus 1 month"
  ExpiresByType image/png                 "access plus 1 month"
# CSS and JavaScript
  ExpiresByType application/javascript    "access plus 1 year"
  ExpiresByType text/css                  "access plus 1 year"
</IfModule>

# ----------------------------------------------------------------------
# Prevent mobile network providers from modifying your site
# ----------------------------------------------------------------------

# The following header prevents modification of your code over 3G on some
# European providers.
# This is the official 'bypass' suggested by O2 in the UK.

<IfModule mod_headers.c>
Header set Cache-Control "no-transform"
</IfModule>


# ----------------------------------------------------------------------
# ETag removal
# ----------------------------------------------------------------------

# FileETag None is not enough for every server.
<IfModule mod_headers.c>
  Header unset ETag
</IfModule>

# Since we're sending far-future expires, we don't need ETags for
# static content.
#   developer.yahoo.com/performance/rules.html#etags
FileETag None

Answer 3

谷歌有一个网站可以帮助您分析您的网站。该工具提供了许多工具和有用的分析。

https://developers.google.com/speed/