标签归档:加载速度

开启Google AMP后网站访问量增加不少

Google AMP

之前提到土木坛子网站采用AMP移动页面加载优化技术主要是为了SEO搜索引擎优化效果。现在过去一周了,从网站流量统计的结果来看,AMP确实达到了这个效果,采用AMP以来10天的网站总体流量相比之前10天增加了68%,移动页面加载时间大幅缩短,并且桌面搜索跟着移动搜索都有相似的增长幅度(55% vs 72%),Google Search Console后台统计显示的搜索点击量也明显上升。

除了有两天流量可能贡献了68%的显著增幅(也就是说可能与AMP关系不大),但即使其它的8天,平均流量也比之前增加了约25%。主要原因是移动Google搜索时,AMP页面使用了预加载技术,搜索出来再点击进去AMP页面,从而以异常快的速度真正秒开网页,使得用户更加可能浏览这样的页面,而Google正希望出现这样的效果,从而优先给出AMP搜索页面结果——而目前采用AMP的网站并不多,浏览的人越多,Google进一步会认为是优秀内容,从而进入良性正向循环。

这就是技术所带来的红利,为别人节省时间就是节省金钱。天下武功,唯快不破,网络世界也一样。我的网站本身速度虽然已经非常快,但对于首次访问用户来说,由于各种原因,在手机上加载速度还是不够快,而通过Google搜索从而加载AMP网页则刚好解决了这个问题。

我觉得对于大部分网站来说,没有理由不采用AMP技术,它纯粹是一个加分项,对原来的内容没有任何影响。即使在国内无法使用Google,也不会造成任何负面影响——最多相当于AMP页面不存在。一个好的网站,它必定会有使用Google的用户,那么采用AMP技术就会大大方便使用移动Google的用户。

AMP技术令我感到振奋,很长时间以来没有碰到过令人兴奋的网页技术了。很高兴Google依然能给我带来惊喜。完全可以尝试设置AMP支持,WordPress网站只需要添加AMP插件再添加Analytics统计即可,说不定也能大幅增加你的网站流量,使得你的声音传播到更远,传播到更多人的手中。

顺便提一句,技术所带来的方便往往超乎我们的想象,比如这篇文章的主要文字是我用语音输入完成。十年前,我觉得语音输入简直不可思议,但现在通过软件和云计算,完全能够识别出我的语音,输入速度比我五笔输入还是要快得多,前提是你要接受并习惯新技术。

启用Google AMP移动网页加速显示技术

网站速度优化-Google-AMP

早前关注过AMP移动加速显示优化技术(加速移动页面Accelerated Mobile Page)(百度有类似MIP,Facebook有Instant Article),尤其是在Google移动搜索里搜索新闻时候,经常见到排在前面的结果会有AMP闪电符号,打开这种结果网页也是异常地快速与简洁。

2016年8月,Google宣布AMP移动搜索结果将适用于所有网站(Google取消了移动友好页面的Mobile Friendly标志就是为了给AMP标志让路)。百度、搜狗、雅虎日本最近也宣布支持收录AMP网页,表明此技术应用越来越广泛。大势所趋,土木坛子现在也开始使用AMP技术来加速移动端加载速度。

只需在WordPress后台安装官方AMP插件(不建议安装第三方的插件, 插件的中文翻译支持参考该文章),开启插件即可——不需要任何设置。对于非移动端,直接在每篇文章页面链接的最后加上AMP就可以看到AMP显示效果。也可以使用Chrome的AMP插件来检查页面上可能的HTML语法错误。

配置好AMP后,之后等待Google爬虫来索引就可以了——也可以手工去Google Webmaster后台提交。我的网站在开启AMP后24小时不到,就可以看到Google已经开始在移动端提供部分搜索结果的AMP(需要在Google手机移动端点击,平板和PC桌面Google都不行)网页了。

AMP加速移动显示

AMP本质技术原理其实就是一个简洁版并内置CSS的HTML静态网页(AMP HTML),禁止掉第三方JavaScript而只用少量特定版本的AMP JavaScript,再加上从Google移动搜索结果里面出来的AMP网页全部都由Google全球CDN网络提供Cache高速缓存(AMP Cache),因此在手机上的网页加载速度,即使在移动网络下,也确实达到了异常之快,闪电秒加载,有效提高访客用户体验。

采用AMP技术的网站加载速度比全站CDN还要快,Google在搜索结果里就开始预加载AMP页面,而且AMP页面本身的元素也已经极度精简。通过Google手机端搜索进入本文后页面的域名都直接变成Google, 比如本文的链接变成:

https://www.google.com/amp/s/tumutanzi.com/archives/15640/amp

使用Google AMP技术的网页本身支持Google Analytics统计,也支持显示AdSense广告。但这种简洁页面的并不是没有代价和缺点:去除了除内容之外的所有其它功能,包括各种JavaScript代码,它甚至可能会有小问题——这项开源技术还在发展中,它的设计目的也不是为了适合所有类型的网站(但非常适合新闻类和博客类等含有静态内容的网站)。这也是有些互动内容较多的网站不愿意使用的原因。

其实我的网站本身足够简洁,对手机的响应式显示也很友好,并且我也用了CloudFlare的CDN加速服务,因此,Google AMP带来移动端的加载速度提升本身并不会太明显。我使用AMP更主要的原因是因为这项技术是Google推出,为了获取AMP下更好的Google搜索排名优点(SEO),启用它应该利大于弊。

由于是Google主推的开源服务,所以国内无法看到Google提供的AMP网页,因为在中国大陆无法使用Google搜索。而我的网站主要的访客都是从Google搜索过来,移动搜索所占比重也越来越多,为了更好的服务这些访客——节省他们的时间,开启Google AMP服务支持也无可厚非。而且,增加AMP支持原来不影响网站原来的任何东西,纯粹加分项。

长期来看,AMP可能只是一个历史过渡期的产物,将来的移动网速只会越来越快,硬件性能也越来越好,网页加载速度也自然跟着提升。不过在目前,我觉得启用AMP还算是拥抱新技术。一万年太久,只争朝夕。

网站加载速度优化技巧

网站优化

网站速度的重要性不言而喻。如果不是墙的影响,土木坛子目前的加载速度异常快,我在英国加载本网站首页,可以实现500毫秒以内完成加载,半秒钟都不到。

这是如何做到的?采用了什么优化方案?简单来说,我的优化方案和技巧如下,供博客朋友提升网页速度参考使用。

简洁的主题界面

如你所见,土木坛子目前采用WordPress官方主题2012, 禁用了Google字体,除了Google Analytics统计代码,其它全部采用本域名下的资源,包括JS, 图片等静态资源——连Gravatar头像都缓存在本主机上。2012主题是自适应简洁主题,我的首页加载的数量不到10个,这样就能最大限度地减少加载请求等待时间,同时也减少主机服务器开销。

选择SSD硬盘主机

我目前使用的是英国主机QuickHostUK,SSD固态硬盘。固态硬盘存取速度比传统硬盘要快得多,这样可以大大减少访客等待的时间。可以预见,随着SSD硬盘价格不断下降,将来不采用SSD的服务器将被慢慢淘汰。而对网站速度有要求的应优先选择SSD硬盘。

使用缓存机制

本网站由WordPress程序搭建,本来是动态PHP程序按需生成页面。我使用了WP Super Cache插件缓存所有网页。插件在后台生成HTML页面缓存在主机上,避免访客每次访问都要动态生成HTML网页,同时也降低服务器的压力。访客访问网页时,主机就像一台硬盘一样直接给出需要的文件,同时该插件支持GZIP压缩,文件体积压缩后可以减少在网络传输中所需要的时间。

采用先进CDN

我采用了CloudFlare的CDN,它不是普通的CDN。它使用Anycast(任播)技术的DNS全球解析,最大速度减少DNS解析时间。同时CDN技术让访客从全球任何地方都能从最短物理距离的地方加载静态资源:图片,JS, CSS文件(JS文件会优化合并)。而且CloudFlare最近使用了HTTP/2协议,让浏览器不再受限于HTTP并发请求数量,即可以同时加载更多的请求。

总的来说,我使用的优化方案并不复杂,成本预算也不高,但让网站的加载速度得到了极大的优化效果,对主机服务器、访客双方都非常友好。在移动网络时代,性能和网速和PC有线环境有区别,因此网站更应该为访客提供快速的加载访问速度。