SiteGround 的 SuperCacher 缓存工具SiteGround 开发了一个名为 SuperCacher 的缓存工具，这个工具在三个不同的层提供服务器端缓存： - Level 1 Cache 一级缓存 – 用于静态内容，如图像，HTML文件等；
- Level 2 Cache 二级缓存 – 用于动态内容，如 PHP 脚本；
- Level 3 Cache 三级缓存 – 用于执行数据库的结果查询
在 SiteGround 后台 Cpanel 下，可以看到一个 SITE IMPROVEMENT TOOLS 板块。下面有个 SuperCacher 应用。 点击进入后可以看到，有三部分的设置。 这个 SuperCacher 相当于你 SiteGround 上网站的缓存总开关。我们依次开启 LEVEL 1，LEVEL 2 和 LEVEL 3。 因为 SuperCacher 这个缓存工具，是 SiteGround 开发的整体的缓存机制，适用于每个网站。但不同的网站是由不同的程序创建的，比如有些是 WordPress 建的站，有些是 Drupal, Joomla 或 Magento 建的站，不同的程序怎样控制这个缓存系统呢？当然不同的程序下，开发了各自对应的插件，来分别控制。 这里我们全部启用之后，WordPress 网站上，只要安装启用插件 “SG Optimizer“，就可以控制各类缓存功能。安装插件后，在 WP 后台左侧菜单中，找到 SG Optimizer。 进行如下设置： 要排除的缓存的 URL，可以填写 wp-admin/* 和 wp-includes/* ，防止 wp-admin 和 wp-includes 下的动态文件被缓存。 https://www.ledlightsmfg.com/wp-includes/*https://www.ledlightsmfg.com/wp-admin/*关于 PHP Management Method 说明： 保持使用最新版本的 PHP，可以提高 PHP 的效率，提高网站速度。另外，保持使用较高版本的 PHP，也可以让网站变得更安全一些。
但，可能有个问题，一些插件可能还不支持最新版的 PHP。所以为了兼容性，你也可以选择 Set Manual PHP Version，选择次高版本的 PHP 版本。然后每过半年检查一次 PHP 的版本，保持一致使用次高版本的 PHP。 这里的 Browser Caching 的作用类似于 VPS 上设置 Nginx 规则： location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)${ expires 1d;}这里设置expires，并不是指把静态内容缓存在 nginx 中，而是设置客户端浏览器缓存的时间。 接着前端页面优化设置（Fronted Optimization）如下，我个人建议不要勾选 Minify Javascript Files，因为 JS 脚本文件的代码压缩，比 CSS 样式表文件容易出一些意外的问题或状况。 现在我们可以少使用一个插件了。当然你可以先取消启用这个图片插件（不然后台总是提示 SG Optimizer 有图片优化功能，跟你已经安装的图片压缩插件功能类似…），然后启用 SG Optimizer 的 IMAGE OPTIMIZATION 里的图片优化功能。 开启新图片优化，执行批量图片压缩优化，开启图片的 Lazy Load 功能，具体下面的每个选项，如果你并非的确清楚或强烈需要，我建议不用开启。 注意：这里有个问题，批量优化图片时，可能会把你网站现有的 LOGO 图片的质量降低。如果出现这种情况，你可以对 LOGO 图片单独用 Cpanel 的 File Manager 上传上去，或者用 FTP 工具如 FlashFXP 上传。 OK！这样几步就搞定了 SG Optimizer 的设置。 另外，在后台顶部，有个 Purge SG Cache 的链接按钮。点击之后，会清理 SiteGround 的缓存。有时候，你做了一些修改，想清理缓存。比如修改更新了 CSS 文件，希望加载新的样式。但是刷新后网站并无变化，此时你需要刷新缓存。可能你点击了 Purge SG Cache 后也没什么用，因为尽管 SiteGround 主机上已经清理了缓存，但你的浏览器上仍然存在静态文件缓存。 此时假设你是 Chrome 浏览器，可以直接按 Ctrl+F5 或 ctrl+shift+R（Mac上使用Cmd + Shift + R）强制不读取浏览器缓存刷新，即可看到修改后的最新样式。其他浏览器我不太清楚，可以尝试一下快捷键，如果不行在浏览器菜单里清理一下缓存文件，刷新网页即可。 另外，如果你使用的不是 SiteGround/Bluehost 等虚拟主机而是 VPS，你也不会安装设置各类缓存应用或安装BT面板，那么有个简单的方案可以供你考虑：安装 WP Rocket 加速插件。
注意：如果你使用的是 SiteGround 虚拟主机，不需要去安装 WP Rocket 插件。再次提醒一下，SiteGround 虚拟主机不用安装！跟 SG Opitimizer 很多功能重合！ 这是一个付费的WP加速插件，有不同价格套餐。如果是单个网站，价格 49 美金/年 (Single方案)；如果是 3个网站以内，价格 99 美金/年(Single方案)；更高的 Infinite 方案不限网站数量 249美金/年。如果你用的不是 SiteGround 虚拟主机，你非常有必要买一个这样简单又给力的插件。 WP Rocket 功能包括： Combine Google Fonts FilesStatic File OptimaztionRemove query strings from static resourcesMinify CSS FilesCombine CSS FilesMinify HTML OutputMinify JavaScript Files(不建议开启)Combine JavaScript Files(不建议开启)Lazy LoadPreloadDatabase OptimizationCDN SettingAdd-ons具体就不一一解释介绍了。上面介绍了 SiteGround 的 SG Optimizer 插件的各项设置，大概各项起什么作用也有个基本概念了。这里再解释一下什么是 Lazy load（懒加载）。就是浏览者页面往下滚动时，滚动到能看到图片的位置时，图片才加载出来。可以节省加载资源，加快网页载入速度。 注意：SiteGround 的 SG Optimizer 插件只能用在 SiteGround 主机上，且该插件很多功能与 WP Rocket 插件重合。因此使用 SiteGround 虚拟主机的建站者，无需再安装第三方缓存插件。而 WP Rocket 作为一款优秀的缓存加速插件，功能丝毫不比老牌缓存插件如 WP Super Cache，W3 Total Cache 或 WP Fastest Cache 差，设置和界面的友好度以及易用性等等，都比这些老牌插件好太多了。 关于缓存，就先说到这里。 五、优化图片加速页面加载通常在互联网上，JPEG 和 PNG 是最常见的图片格式。PNG图像格式是未压缩的。压缩图像时会丢失一些信息，因此未压缩的图像质量会更高，细节更多。缺点是文件大小较大，因此加载时间较长。而 JPEG是一种压缩文件格式，略微降低了图像质量，但它的尺寸明显较小。 那么，在处理一些产品图片的时候，应该如何决定选择哪种图像格式呢？如果照片或图片有很多不同的颜色，那么使用 JPEG。如果图片是一个相对简单颜色较少的图片或你需要透明图片，那么更适合使用 PNG。 这个基本上各类缓存插件都开始内嵌图片优化这个功能了。上面 SiteGround 的 SG Optimizer 插件以及付费的 WordPress 缓存插件 WP Rocket 都包含这个功能。 使用图片优化，图像大小可以减少最多 5 倍，还是非常有用的。 六、大图片适当使用适当尺寸的 Thumbnail 缩略图通过网站测速工具，发现一个问题，提示：Serve scaled images（可以给幻灯片等大图片设置缩放图片），如果你没有这样的问题，这一步可以跳过。 在 WP 后台，Settings – Media 下，看到 Thumbnail size，按照，勾选：Crop thumbnail to exact dimensions (normally thumbnails are proportional) 点击 Save Changes 按钮，确认保存。 七、限制 WordPress 修订版本数量每次在 WordPress 里无论是创建 Page（页面）或 Post（文章），还是编辑，又或者是 Save Draft（保存草稿）或 Publish（发布）或 Update（更新），WordPress 都会自动保存一份修订版本。如果文章编辑的次数很多的话，在数据库里面会存在很多个没用的修订版本，浪费数据库的空间。 我们可以限定 WordPress 修订版本的数量，只不过在后台设置里没有这项设置。我们可以在网站文件根目录下的 wp-config.php 里，添加一行代码： define('WP_POST_REVISIONS', 3);这行代码的作用时，只保留最近的3个修订版本。从 SiteGround 后台的 Cpanel 面板里的 File Manager 可以找到网站根目录，用 code edit 方式打开编辑，添加上面这行代码即可。 粘贴在 define(‘DB_COLLATE’, ”); 这一行下面，保存即可。 八、减少外部资源 HTTP 请求数量我们使用在线网站测速工具测试，经常会发现自己的网站有很多 HTTP 请求。主题功能越多，插件安装得越多，不知不觉调用的 CSS 文件和 JS 文件也越来越多。 过多的WordPress插件会降低网站速度。 有的插件可能仅用于某一个特定页面。但是，由于插件开发者欠考虑或代码质量欠佳，这些插件通常会出现在每个页面上，即使它没有被使用。 很多 WordPress 网站都加载了很多其实无需加载的文件，这会导致额外的和不必要的请求，这些文件（主要是CSS和JavaScript文件）以及内嵌的代码，都会累加到页面的总体积上，从而减慢您的网站速度。页面加载缓慢或失败，或者 JavaScript 出现错误的代码，或者与其它插件产生冲突，这些都会造成 Google 搜索排名不佳。 Asset CleanUp 插件的使用我们可以安装一个名为 Asset CleanUp 的插件，Asset CleanUp 是一个优化前端性能的插件，让你可以选择在网页上禁用不需要在网站上加载的文件，并将剩余的加载的文件组合成更少的文件，这最终将大大减少HTTP请求的数量，优化网页加载速度。 假设你有一个页面，其中加载了 30 个文件（CSS 和 JS），总大小为 1.5 MB。 使用 Asset CleanUp，您可以通过不加载页面上无用的其他 18 个文件，将数量减少到 12 个文件。于是，页面的总体积减小到 0.7 MB，这样可以减少下载资源的时间，从而加快页面加载速度。 如果你不确定是否需要在页面上加载某些 CSS 或 JavaScript 文件，并且担心某些内容可能会破坏网站的功能或布局，那么可以使用“Test Mode”。激活此选项后，Asset CleanUp 中设置的所有规则仅对已登录后台的管理员（你）生效，常规访问者看不到测试模式下的页面，看到的还是正常的网站页面。你可以在插件的设置页（Settings）下开启 Test Mode。当你在测试模式下，你可以开启设置页下的使用偏好（Plugin Usage Preferrences），然后启用 Manage in the Front-end（在前台页面管理）。 这样，每个页面你都可以拖到最下面，查看加载的 CSS 和 JS 文件，选择不加载哪些文件。等一切设置好后，关闭“测试模式”，你所做的更改也将对未登录的网站访客生效可见。 不过说实话，我觉得这个针对页面精准控制禁止加载哪些文件有点太讲究了。大多数外贸人不是极客，不会做这种精细活儿。所以，我就只介绍一下，不讲具体操作了。 实际上，我只是体验过特别针对网站首页去前台页面禁止加载某些文件，确实减少了一些 Requests。比如，首页我不需要加载表单插件的 JS。 实际上，每个 Page 或者 Post 编辑区下方，都会显示出加载了哪些文件资源。你都可以进行单独的设置，对我这样喜欢折腾的人来说，太舒服了！
当然，我建议你不用学我，这里可以不折腾。因为实际上缓存部分已经有压缩CSS，合并CSS等功能，其实跟着这篇教程做到这里，你的网站已经优化得非常不错了，至少 Pingdom 测测能得 A grade 了！不信你测试看看？ 三楼继续！ | 
发表于 2019-8-17 00:00:55
楼主
发表于 2019-8-21 14:56:31
我直接 真静态化 512K带宽都能秒开-
发表于 2021-5-7 17:36:31
