分页: 1 / 1

如何提高页面速度

发表于 : 2024年 4月 11日 15:36
Jannah
您可能会使用很多插件和自定义代码来加载大量 JS 和 CSS 文件,请执行以下操作以查找哪个插件/代码导致速度缓慢的问题,请按照以下步骤操作:


禁用除上述链接中提到的插件之外的所有插件。

禁用所有自定义代码,例如广告、谷歌地图代码等。

删除所有视频,Facebook,Youtube等小工具或加载多个外部文件的块。

安装 Jannah Optimization 插件,然后转到主题选项页面> Performance选项卡并启用其中的所有选项,包括 LazyLoad for Images 选项

应用上述步骤后,通过https://web.dev/measure/ 检查您的网站,然后您可以逐一激活您禁用的内容并检查其对速度的影响。

启用“延迟加载”选项

启用主题内置的 LazyLoad 选项将提高您的网站速度,安装 Jannah Speed Optimization 插件,然后转到主题选项页面> Performance > LazyLoad 部分。

启用 gzip 压缩

所有现代浏览器都支持并自动协商所有 HTTP 请求的 gzip 压缩。启用 gzip 压缩可以将传输的响应大小减少多达 90%,从而显著减少下载资源的时间,减少客户端的数据使用量,并缩短首次呈现页面的时间。

要启用 gzip 压缩,请将以下行添加到 .htaccess 文件中:

代码: 全选

# 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
利用浏览器缓存

当 Web 浏览器显示您的网页时,它必须加载几个内容,例如您的logo、CSS 文件和其他资源。浏览器缓存的作用是“记住”浏览器已经加载的资源。当访问者转到您网站上的另一个页面时,您的logo或CSS文件不需要再次加载,因为浏览器会“记住”它们。最终结果是您的页面加载速度更快。

若要启用浏览器缓存,请将以下行添加到 .htaccess 文件中:

代码: 全选

## EXPIRES CACHING ##

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"

## EXPIRES CACHING ##
缩小HTML,CSS和JavaScript

缩小是指在不影响浏览器处理资源的方式的情况下删除不必要或冗余数据的过程,例如代码注释和格式化、删除未使用的代码、使用较短的变量和函数名称等

要启用 Minify,请使用以下插件:

Better WordPress Minify(用于CSS和JS)

优化图像

优化您的图像将有助于您的 WordPress 网站加载速度更快。

下载并激活 WP Smush.it 此插件将优化您上传的每张图片,您可以使用批量 Smush.it 功能粉碎您上传的所有图片。

WP Smush.it 的替代品包括 EWWW Image Optimizer、CW Image Optimizer、Imsanity 和 Hammy。许多 WordPress 用户更喜欢使用这些插件,因为它们不依赖外部服务器来处理您的图像。

将 JavaScript 脚本移动到页脚

当任何用户打开您的网站时,所有 JavaScript 文件都会由 Web 浏览器下载,以显示网站的正常工作。但是,如果您在标题中有文件,那么浏览器将花费更多时间。

为了提高网站的速度,您应该将 JavaScript 移到 WordPress 主题的页脚中。使用 Scripts To Footer 插件。