在外贸独立站的SEO优化中，页面加载速度的重要性不容忽视。Google明确表示，快速加载的页面能够提供更佳的用户体验，因此在搜索排名中也会受到优先考虑。尤其在2021年，随着页面体验更新和Core Web Vitals的引入，页面速度成为了SEO的关键因素之一。

网站打开速度多少秒以内对谷歌SEO优化最好？

根据研究，页面加载时间的每一秒延迟，用户的满意度将下降16%，转化率也可能下降4%。这意味着，如果你的页面加载时间超过五秒，你可能会损失掉大量的潜在客户。

根据SEO工具semrush的统计，页面加载时长在1-3秒内，跳出率会增加32%，1-5秒内，跳出率会增加90%，1-6秒内跳出率会增加106%，1-10秒内，跳出率会增加123%。因此，建议页面首次打开速度最好控制在3s以内最好。

如何优化页面加载速度？

一. 优化图片大小和格式

图片往往是页面加载缓慢的罪魁祸首。优化图片包括减小文件大小（通过工具如Photoshop或在线压缩工具）和选择合适的格式（如WebP代替PNG或JPG）。

1. 选择正确的图片格式

• JPEG: 最适合拍照图片，因为它能在保持相对较小文件大小的情况下提供良好的图片质量。适合颜色丰富的图片。
• PNG: 适用于需要透明背景的图形，比如徽标或图标。PNG-8适用于简单图形，而PNG-24适用于复杂图片和透明渐变。
• WebP: Google开发的现代图片格式，提供比JPEG和PNG更优的压缩效果。是一种既支持无损压缩也支持有损压缩的图片格式。
• SVG: 适用于矢量图形，它们是基于XML的，文件大小通常非常小，并且可以无限缩放而不会失真。

2. 压缩图片

• 有损压缩: 降低图片的质量来减少文件大小，适用于JPEG格式。
• 无损压缩: 优化图片数据来减少文件大小而不影响质量，适用于PNG和JPEG格式。

3. 使用在线工具和插件

• Tinify (TinyPNG / TinyJPG): 一个流行的在线服务，可以自动压缩图片并减小文件大小。
• ImageOptim: 一款Mac用户的桌面应用，它提供了有损和无损压缩。
• GIMP: 一个免费的图像编辑软件，具有导出时压缩图片的功能。
• Photoshop: Adobe的图像编辑软件，提供“另存为Web所用格式”选项，可以优化图片大小。

4. 调整图片尺寸

• 确保图片的显示尺寸与其在页面上的实际尺寸匹配，避免浏览器进行不必要的图像缩放。使用图像编辑工具或CSS来调整尺寸。

二. 使用内容分发网络（CDN）

CDN可以将网站内容分布在全球的服务器上，使得用户可以从地理位置上最近的服务器加载内容，从而缩短加载时间。

1. 选择CDN提供商

首先，你需要选择一个CDN提供商。有许多CDN服务提供商可供选择，包括但不限于：

• Akamai
• Cloudflare
• Amazon CloudFront
• KeyCDN
• Fastly
• MaxCDN (StackPath)

选择时要考虑价格、性能、易用性、位置覆盖范围以及其他可能的服务，如DDoS保护和Web应用防火墙（WAF）。

2. 设置CDN

注册并选择相应的套餐后，你需要按照提供商的指引来配置CDN。这通常涉及到以下步骤：

• 添加你的网站: 将你的网站域名添加到CDN提供商的控制面板。
• 配置DNS: 将你的域名系统（DNS）记录指向CDN提供商。这可能涉及到创建一个新的CNAME记录，指向CDN分配给你的域名。
• 选择内容: 指定你想要通过CDN提供的内容，如图像、CSS/JS文件等。
• 缓存规则: 设置缓存过期时间和规则，这决定了文件在CDN节点上缓存的时间。
• 安全设置: 配置SSL/TLS证书，确保通过CDN提供的内容是加密的。

3. 集成CDN到你的网站

一旦CDN配置完成，下一步就是集成到你的网站中：

• 更新资源链接: 将你的网站上的静态资源链接（如图片、JS和CSS文件）更改为CDN提供的URL。这可以手动完成，也可以使用各种CMS插件（如WordPress中的W3 Total Cache或WP Rocket）自动完成。
• 预加载内容: 你可以选择预加载特定内容到CDN，以确保当用户请求时内容已经可用。
• 测试: 在全面部署之前，确保测试CDN以验证配置正确，资源能够正常加载。

4. 监控性能

大多数CDN提供商提供分析和报告工具，让你可以监控CDN性能。你应该定期检查这些指标，以确保CDN服务按预期工作，并提供了性能改进。

5. 故障排除

如果你遇到任何问题，如内容未更新或访问者无法访问资源，检查CDN配置和DNS设置，并联系提供商的技术支持。

6. 优化和维护

根据性能监控结果和提供商的最佳实践指南，定期更新CDN的配置，优化缓存规则和内容交付策略。

使用CDN不仅可以提高网站的加载速度和用户体验，还可以提高网站的可用性和安全性。通过将内容更靠近用户分发，CDN也有助于减轻原始服务器的负载，使其更能抵御流量高峰和潜在的攻击。

三. 减少HTTP请求

合并文件、使用CSS精灵图、减少脚本和外部资源文件可以大幅减少HTTP请求次数，从而加快页面加载速度。

1. 合并文件

• 将CSS文件合并成一个或几个文件，以减少请求。
• 将JavaScript文件合并成一个或几个文件。
• 使用CSS Sprites技术将多个图像合并到一张大图上，然后通过CSS背景定位显示所需的部分。

2. 使用CSS或JavaScript代替图像

• 如果可能，使用CSS3来代替图形按钮或背景。CSS3可以创建圆角、阴影和渐变效果。
• 使用Web字体技术（如Google Fonts或Typekit）代替图像文字。

3. 利用CSS Sprites

• 对于小图标和按钮，使用CSS Sprites可以将多个图像合并为一张图片，通过背景定位显示所需部分。

4. 压缩图片和文本文件

• 使用工具如TinyPNG、JPEGmini或ImageOptim对图像进行优化。
• 对CSS、JavaScript和HTML文件使用压缩工具，如UglifyJS、CSSNano或HTMLMinifier。

5. 使用外部JavaScript和CSS

• 使用外部文件而不是内联CSS和JavaScript，因为外部文件可以被缓存而不需要在每个页面加载时都发送请求。

6. 减少DOM元素的数量

• 精简HTML结构，减少不必要的嵌套和DOM元素。

7. 使用HTTP/2

• 如果服务器支持HTTP/2，开启它可以通过一个TCP连接并行加载资源，从而减少延迟。

四. 启用浏览器缓存

通过配置正确的缓存策略，可以让用户在首次访问后，将部分内容存储在本地浏览器缓存中，后续访问时可直接从缓存中加载，减少加载时间。

要启用浏览器缓存，你需要在服务器端配置HTTP头来指示浏览器哪些文件可以被缓存，以及它们可以被缓存多久。下面是一些常用的方法来启用和配置浏览器缓存：

使用.htaccess（对于Apache服务器）

如果你的服务器运行Apache，你可以使用.htaccess文件来设置缓存参数。编辑或创建一个.htaccess文件在你的网站根目录，并加入以下代码段来启用浏览器缓存：

<IfModule mod_expires.c>
ExpiresActive On

# 设置默认的缓存时间为1个月
ExpiresDefault “access plus 1 month”

# 对特定文件类型的缓存时间设置
ExpiresByType image/jpg “access plus 1 year”
ExpiresByType image/jpeg “access plus 1 year”
ExpiresByType image/gif “access plus 1 year”
ExpiresByType image/png “access plus 1 year”
ExpiresByType text/css “access plus 1 month”
ExpiresByType application/javascript “access plus 1 month”
ExpiresByType application/x-javascript “access plus 1 month”
ExpiresByType text/javascript “access plus 1 month”
ExpiresByType application/pdf “access plus 1 month”
ExpiresByType image/x-icon “access plus 1 year”
</IfModule>

# 压缩传输
<IfModule mod_deflate.c>
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
</IfModule>

此代码启用了模块mod_expires来设置不同资源类型的缓存过期时间。

使用 nginx.conf（对于Nginx服务器）

如果你的服务器运行Nginx，你可以编辑nginx.conf文件或服务器配置文件中的相关部分来启用缓存。下面是一个设置缓存头的示例：

location ~* \.(jpg|jpeg|gif|png|css|js|ico|pdf)$ {
expires 30d;
add_header Cache-Control “public, no-transform”;
}

这个设置为图片、CSS、JS等文件类型设置了一个30天的缓存时间。

使用元标签

虽然不推荐（因为它只适用于HTML文件，而且效果有限），但你也可以在HTML中使用<meta>标签来控制缓存。但请注意，这种方法的优先级低于HTTP头设置。

这将建议浏览器缓存该页面24小时（86400秒）。

使用PHP

如果你正在使用PHP，你可以在PHP文件开始处加入以下代码来设置缓存头：

<?php
header(‘Cache-Control: public, max-age=86400’);
?>

这会为PHP生成的响应设置缓存时间为24小时。

注意事项

• 在配置缓存时，确保考虑资源的更新频率。例如，你可能不希望长时间缓存频繁更改的资源。
• 使用版本控制（例如，通过在文件名中添加版本号或查询字符串）来确保浏览器获取最新的资源，当文件更新时避免缓存问题。
• 不是所有的资源都适合缓存。例如，对于实时数据或用户特定数据，缓存可能不适用。

记得在修改缓存设置后测试网站的行为，确保资源被正确地缓存，并在需要时更新。

五. 优化CSS和JavaScript

优化CSS和JavaScript对于提高网站性能、减少加载时间以及提升用户体验至关重要。以下是一些优化CSS和JavaScript的有效方法：

CSS优化

1. 精简选择器： 减少选择器的复杂性，移除不必要的后代选择器。
2. 合并和压缩： 使用工具如CSS Minifier将所有的CSS文件合并成一个文件，并压缩它们以减少文件大小。
3. 移除未使用的CSS： 使用工具如PurifyCSS或UnCSS来检测和移除未使用的CSS，减少加载的不必要代码。
4. 使用预处理器： 如Sass或Less可以帮助组织代码，并提供变量和混合等功能，但最终产生的文件应当被压缩。
5. 使用CSS Sprites： 将多个小图像合并成一张大图，减少HTTP请求。
6. 使用现代布局技术： 如Flexbox和CSS Grid可以减少额外的HTML和CSS，让布局更简洁。
7. 避免使用@import： 使用@import会增加额外的HTTP请求，而使用<link>标签可以并行下载CSS文件。
8. 使用媒体查询分段加载： 只加载适用于用户设备的CSS，例如使用不同的CSS文件针对手机和桌面视图。
9. 使用关键CSS： 将影响首屏加载的CSS内联在HTML中，以优化首屏渲染时间。

JavaScript优化

1. 合并和压缩： 与CSS相似，合并多个JavaScript文件，并使用工具如UglifyJS或Terser进行压缩。
2. 移除未使用的代码： 使用例如Tree Shaking的工具来删除未使用的代码。
3. 延迟加载： 使用defer或async属性让非关键JavaScript文件在文档解析完毕后再执行。
4. 优化代码逻辑： 重构代码以避免低效算法，减少不必要的DOM操作，使用事件委托来减少事件处理器的数量。
5. 使用CDN： 使用CDN加载常用的第三方库，以提高加载速度。
6. 缓存： 确保浏览器能够缓存JavaScript文件。
7. 避免内联JavaScript： 尽量减少或避免使用内联JavaScript，因为它无法被缓存。
8. 使用Web Workers： 对于复杂计算，可以使用Web Workers在后台线程中处理，避免阻塞主线程。
9. 模块化： 使用模块化工具如Webpack或Rollup来管理依赖，只引入需要的代码。
10. 优化DOM操作： 缓存DOM查询，批量更新DOM，减少回流（reflow）和重绘（repaint）。

六. 利用异步或延迟加载脚本

异步或延迟加载脚本是一种优化页面加载时间的技术，可以减少页面渲染阻塞，从而提高网站的性能。以下是实施异步或延迟加载脚本的几种方法：

异步加载 (async)

异步加载属性 async 可以加在 <script> 标签上。当浏览器遇到带有 async 属性的 <script> 标签时，它会并行下载脚本，但不会阻止HTML解析。一旦脚本下载完成，它会暂停HTML解析并执行脚本，然后再继续解析HTML。

使用 async 的示例：

<script async src=”path_to_your_script.js”></script>

适用场景：当你的脚本是独立的，不依赖于页面上其他脚本，且不需要在DOMContentLoaded事件触发之前执行时使用 async。

延迟加载 (defer)

延迟加载属性 defer 也是加在 <script> 标签上。与 async 不同，defer 会保证脚本在文档解析完毕后、DOMContentLoaded事件触发之前执行，而且脚本会按照它们在文档中出现的顺序执行。

使用 defer 的示例：

<script defer src=”path_to_your_script.js”></script>

适用场景：适用于需要在整个HTML文档解析完毕后运行的脚本，并且这些脚本需要按照它们在页面上出现的顺序执行。

动态加载脚本

除了使用 async 和 defer，你还可以使用JavaScript动态创建脚本元素，从而控制脚本的加载与执行时机。

function loadScript(url, callback) {
var script = document.createElement(“script”);
script.type = “text/javascript”;
if (script.readyState) { // IE
script.onreadystatechange = function() {
if (script.readyState == “loaded” || script.readyState == “complete”) {
script.onreadystatechange = null;
callback();
}
};
} else { // 其他浏览器
script.onload = function() {
callback();
};
}
script.src = url;
document.getElementsByTagName(“head”)[0].appendChild(script);
}

loadScript(“path_to_your_script.js”, function() {
console.log(“Script loaded and executed.”);
});

这种方法的优势是可以在任何你需要的时候加载脚本，而且可以在脚本加载后立即执行一个回调函数。

使用Intersection Observer API

如果你想在某个元素进入视口时才加载脚本，可以使用Intersection Observer API：

let observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const script = document.createElement(‘script’);
script.src = ‘path_to_your_script.js’;
document.body.appendChild(script);
observer.unobserve(entry.target);
}
});
});

observer.observe(document.getElementById(‘someElement’));

当id为someElement的DOM元素进入视口时，脚本会被加载。

使用请求空闲回调(requestIdleCallback)

对于非关键脚本，可以等到主线程空闲时再加载：

if (‘requestIdleCallback’ in window) {
requestIdleCallback(() => {
const script = document.createElement(‘script’);
script.src = ‘path_to_your_script.js’;
document.body.appendChild(script);
});
} else {
// 降级方案
const script = document.createElement(‘script’);
script.src = ‘path_to_your_script.js’;
document.body.appendChild(script);
}

requestIdleCallback 并非所有浏览器都支持，因此你可能需要一个降级方案。

在使用这些技术时，重要的是要确保你不会因异步加载脚本而打乱了脚本间的依赖关系或改变了页面的预期行为。务必测试你的改变，以确保它们不会导致性能问题或用户体验的下降。

七. 优化服务器响应时间

优化服务器响应时间是提升网站性能和用户体验的关键因素。服务器响应时间是指服务器接收到请求到开始返回数据所需的时间。以下是一些优化服务器响应时间的策略：

1. 优化Web服务器配置：

   • 使用高效的Web服务器软件，比如Nginx或Apache的最新稳定版本。
   • 配置服务器以利用缓存、启用压缩、使用持久连接和合适的并发连接数。

2. 优化数据库：

   • 确保数据库查询是高效的，使用索引减少查找时间。
   • 定期维护数据库，比如清理旧数据、分析和优化表。
   • 采用数据库缓存，如Redis或Memcached。用异步处理和非阻塞IO。

3. 使用负载均衡：

   • 分散流量到多个服务器，防止单个服务器过载。

4. 升级硬件：

   • 增加更多的RAM可以提高缓存能力。
   • 使用更快的CPU提高处理速度。
   • SSD存储相比于传统硬盘有更快的读写速度。

5. 减少外部服务调用：

   • 对于必须调用的外部服务，考虑使用异步处理或将结果缓存。

6. 监控性能：

   • 实时监控服务器和应用程序的性能，以便快速发现和解决问题。

7. 开启Keep-Alive：

   • 确保HTTP Keep-Alive是开启的，以减少TCP连接的建立和关闭次数。

8. 优化TLS/SSL：

   • 使用TLS 1.3和OCSP Stapling减少握手时间。
   • 移除不必要的TLS握手，减少加密解密开销。

9. 选择合适的服务器位置：

   • 将服务器放在地理位置上靠近用户的数据中心。

10. 静态内容和动态内容分离：

    • 用不同的服务或架构处理静态和动态内容。

11. 限制资源使用：

    • 对资源使用设置合理限制，比如使用防火墙规则、设置最大执行时间和内存限制。

每一项优化都可能对响应时间产生影响。最好的方法是先对系统进行性能分析，确定瓶颈所在，然后有针对性地实施改进措施。记住，优化是一个持续的过程，应该定期评估性能并根据实际情况调整策略。

八. 使用Web字体优化或替代方案

Web字体虽美观，但也可能拖慢页面加载。如果必须使用，应选择优化过的字体文件，或者限制使用的字体种类和样式。

以下是一些使用Web字体的优化策略和替代方案：

Web字体优化

1. 选择合适的字体格式：
   使用现代的字体格式，例如WOFF2，它提供更好的压缩和更快的加载速度。
2. 字体子集化：
   移除不需要的字符，只包含你网站实际需要的字符集，减少字体文件大小。
3. 按需加载字体：
   使用font-display CSS属性，你可以控制字体的加载行为，例如设置为swap，这样浏览器会立即显示回退字体，然后在Web字体加载后替换。
4. 预加载字体：
   使用<link rel="preload" as="font">来告诉浏览器页面需要这些字体，这可以提前加载字体文件。
5. 使用异步加载：
   利用JavaScript来异步加载字体，例如使用Web Font Loader库。
6. 缓存字体：
   利用浏览器缓存，通过设置合适的Cache-Control和ExpiresHTTP头，可以避免在每个会话中重复加载字体。
7. 限制字体数量：
   不要使用太多不同的字体，这会增加总体文件大小和请求次数。

替代方案

1. 系统字体堆栈：
   使用系统默认字体，比如在CSS中这样设置：body {
   font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;
   }这样可以立即加载，因为它不需要下载额外的字体文件。
2. 字体图标替代方案：
   对于图标，考虑使用SVG替代传统的字体图标。SVG可以直接内嵌到HTML中，或者作为单独的文件来加载，它们通常大小更小，且更加灵活。
3. 可变字体：
   如果你需要多种字体样式或权重，可以考虑使用可变字体。它允许多种变化被包含在一个相对较小的文件中。
4. 使用FOUT/FOIT策略：
   Flash of Unstyled Text (FOUT) 或 Flash of Invisible Text (FOIT) 是两种字体加载策略，它们可以减少页面加载时的视觉不稳定性。
5. 使用本地字体：
   在某些情况下，如果用户设备上已经安装了你想使用的字体，可以在CSS中通过local()函数指定，这样浏览器就不需要下载字体文件了。

最后，始终记得测试你的字体加载策略，确保它们不会对性能或用户体验造成负面影响。使用如PageSpeed Insights、Lighthouse或WebPageTest等工具可以帮助你识别和解决潜在的性能问题。

九. 移除不必要的插件和模块

检查网站上安装的插件和模块，移除那些不必要或很少使用的，以减少资源占用和提高加载速度。以下是一些移除WordPress网站上不必要插件和模块的步骤：

WordPress 插件移除

1. 备份网站：
   在进行任何更改之前，确保你有一个最新的备份。这样如果移除插件后出现问题，你可以轻松地恢复网站。
2. 识别不必要的插件：
   审核你的插件列表，找出那些不再需要或不常用的插件。考虑每个插件的功能和对你网站的贡献。
3. 检查依赖性：
   确保要移除的插件没有被其他插件或主题依赖。移除这些插件可能会导致网站出现问题。
4. 禁用插件：
   在WordPress后台，转到“插件”页面，单击要移除的插件旁边的“停用”。
5. 删除插件：
   禁用后，你可以点击“删除”来移除插件。WordPress会询问你是否确定要删除插件及其数据。
6. 清理数据库：
   一些插件在被删除后可能会在数据库中留下数据。你可以使用如WP-Optimize这样的插件来清理这些遗留数据。
7. 检查网站功能：
   在移除插件后，检查你的网站以确保一切正常工作。特别注意那些可能依赖于你移除的插件的功能。
8. 更新网站：
   移除插件后，更新你的WordPress网站，包括主题和剩余的插件。

通用模块移除

如果你在其他内容管理系统或框架中工作，这些步骤也可能适用：

1. 备份应用和数据库：
   在移除任何模块之前，确保你有一个完整的应用和数据库备份。
2. 确定不必要的模块：
   检查当前安装的模块并确定哪些不再需要。
3. 查找模块文档：
   查找有关如何安全移除模块的官方文档。
4. 禁用模块：
   在应用的后端或通过命令行工具禁用模块。
5. 移除模块文件：
   从代码库中删除模块文件夹和文件。
6. 更新依赖管理：
   如果你使用的是依赖管理工具（如Composer），更新你的依赖定义文件（如composer.json）并运行更新。
7. 测试应用：
   在开发或测试环境中测试应用以确保移除模块没有破坏任何功能。
8. 监控日志：
   移除模块后，密切监控应用日志以确保没有出现新的错误或问题。

十. 采用响应式图片

根据用户设备的屏幕大小和解析度，加载相应大小的图片，避免在小屏设备上加载过大的图片文件。以下是实现响应式图片的一些方法：

1. 使用<img>标签的srcset和sizes属性

srcset属性允许你为不同的屏幕分辨率指定一组图片资源。sizes属性让浏览器知道在不同的屏幕尺寸下图片将占据的视口宽度。

<img src=”image-small.jpg”
srcset=”image-small.jpg 500w,
image-medium.jpg 1000w,
image-large.jpg 1500w”
sizes=”(max-width: 600px) 500px,
(max-width: 900px) 1000px,
1500px”
alt=”Responsive image”>

2. 使用<picture>元素

<picture>元素允许你包含不同的图片资源，浏览器会根据条件选择最合适的一个。它也支持srcset和sizes，同时可以配合<source>元素使用媒体查询（media query）。

<picture>
<source media=”(min-width: 1200px)” srcset=”image-large.jpg”>
<source media=”(min-width: 600px)” srcset=”image-medium.jpg”>
<img src=”image-small.jpg” alt=”Responsive image”>
</picture>

3. 自适应图片分辨率

针对高分辨率显示设备（如Retina显示屏），可以提供高分辨率的图片版本。

<img src=”image.jpg”
srcset=”image.jpg 1x, [email protected] 2x”
alt=”High-resolution image”>

4. 自动调整图片大小

使用CSS或JavaScript动态调整图片大小，使其适应容器的大小。

img {
max-width: 100%;
height: auto;
}

}

5. 压缩和优化图片

使用工具压缩图片文件大小且不严重影响图片质量。如TinyPNG、ImageOptim等。

6. 懒加载

通过懒加载技术，只有当图片进入可视区域时才加载它们。

<img src=”image.jpg” alt=”Lazy loading image” loading=”lazy”>

7. 使用现代图片格式

使用如WebP、AVIF等现代图片格式，它们通常比传统的JPEG和PNG格式有更好的压缩率和质量。

8. 测试和监测

使用工具监测页面加载性能，如Lighthouse、PageSpeed Insights。它们可以帮助你确定图片是否适当地响应用户的屏幕。

9. 针对关键图片使用内联图片（Base64编码）

对于重要的小图标或图片，可以将其转换为Base64编码，直接内嵌在HTML或CSS中，以减少HTTP请求。

.logo {
background-image: url(‘data:image/png;base64,iVBORw0KGgo…’);
}

采用响应式图片时，关键是要权衡图片质量和文件大小，确保用户在任何设备上都有最佳体验，同时不会因为图片文件太大而导致加载时间过长。

总结

提升页面加载速度是外贸独立站SEO优化中不可忽视的环节。通过上述策略，不仅能够提升用户体验，还能在谷歌搜索排名中获得更好的位置。持续监控网站性能，并定期进行优化，是确保网站长期维持高速度的关键。如何你不知道如何查询网站的速度可以看这一篇文章《Google SEO优化中常用的6款的网页加载速度测试工具推荐》