Varvy Pagespeed 免费搜索引擎最佳化指南,找出让网站更快的方法

我常说“搜寻引擎最佳化”(SEO)没有捷径,也没有立竿见影的作法,你可以做的是遵循着大部分使用者的共同经验,使网站在搜寻引擎中取得更好的搜寻结果排名。当然我认为最重要的是详读 Google 搜寻引擎最佳化初学者指南,这可能也是 Google 少数对外公开的说明文件,除了在 SEO 部分有所帮助,文件说明更能建立正确的网页制作观念,对我来说学习路上有很多想法都是从 Google 这份官方指南中获得。

除此之外,Google 线上工具也是测试网站成效的绝佳选择,包括我在“16 个免费网站测速工具,分析网页效能表现”推荐的 Google PageSpeed Insights ,以及近年变得很重要的“Google 帮你测试网站是否对行动装置友善,三项评比指标提供最佳化指南”,都是网站经营之路必备的工具。

如果你喜爱研究 SEO 相关文件或工具,应该对于 Varvy 不陌生,Varvy 是一个专注于搜寻引擎最佳化的国外网站,除了收录相关教学文件,也有线上工具可以在输入网址后快速测试各项指标,本文要推荐的就是网站提供的免费工具“Varvy Pagespeed”。

简单来说,开发者透过 Varvy Pagespeed 能快速分析出各种可能影响网站载入速度的因素,尤其对 Google 等搜寻引擎而言“网站速度”也成为搜寻排序的因素,重要性不言可喻。如果测试后你不确定要如何改善某个问题,没关系,Varvy 亦提供说明文件,或是透过关键字上网搜寻通常也能找到解决方法。

网站名称:Varvy Pagespeed Optimization
网站链结:https://varvy.com/pagespeed/

使用教学

STEP 1

开启 Varvy Pagespeed 测试工具,直接从左上角输入要测试的网址,按下“Test”蓝色按钮送出,稍等大约 10-30 秒就会显示测试结果。搜寻引擎最佳化与时俱进,因此 Varvy Pagespeed 测试工具也会显示测试工具最后更新时间,确保每次测试都会是最接近正确的状态。

STEP 2

Varvy Pagespeed 测试结果不会有评分数字,但可以直接看最前面的盖要,基本上这里每个项目都尽量要让它变成绿色勾勾,往下拖曳就会看到每个项目的测试结果。右侧则是页面资源的分析结果,例如免费资源网络社群的首页包含 10 个 js、12 张图片和 4 个 CSS。

一般网站会遇到的问题是 CSS 和 Javascript 文件过多或档案太大,通常可以透过压缩或合併档案方式解决,另一方面,如果有太多外部 CSS 或 Javascript 也会拖慢网站载入速度。尽可能照着底下的 Notes 来逐步修改并解决问题,这两部分会被放在所有检测因素的最前面也是因为碰到的机会最高,修改后对于网站的最佳化很有帮助。

STEP 3

其他还会检测的项目包括:图片最佳化、浏览器快取、Keep-Alive、网页压缩和伺服器回应时间等等,当然不是每个部分都要做到,不过如果可以的话尽力把它调整成绿色状态吧!对于网站速度或使用者体验都会有相当大的帮助。如果你是使用 WordPress架站的朋友建议可以透过“Photon 免费 CDN 图片分流、加速服务,每个 WordPress 用户都该开启的外挂”来加速图片,同时也能节省流量。

STEP 4

Varvy Pagespeed 不仅仅是个评测工具,更重要的是收录许多网站最佳化指南(其实这才是 Varvy 最珍贵的部份),建议站长们可以找几个自己较有兴趣的主题来看看 Varvy 站长 Patrick Sexton 怎么说。而这网站提供的内容虽然我不敢说 100% 正确,但是非常正规、白帽(White Hat)的 SEO 作法,相信可以对网站经营者有所助益。