在纽约最近的SMX东大会上,我坐在由菲利·维瑟呈现会话,题为,?“对速度的需要。“维泽是谷歌的搜索质量团队的前成员谁也当过工程师恶意点击。
在这次会议上,他提出了很多很好的技术数据,以及就如何改善网站性能信息。
一个维泽引用的文章是“页面加载时间VS。转换率“,并且包含在该文章中的数据是真正有吸引力:
如果不是足够的动机,谷歌已经表示,他们计划使页面的速度在移动设备上的直接排名因素。你可能会问它有可能成为有多大的一个因素,但我认为速度是相当重要的?移动用户,所以我们有理由相信,这是将有一定的重量给它的排名因素。
大于内容的质量和更大的链接? 别傻了。但尽管如此,它是可以有一定的影响的信号。
绝大多数的网站有很多潜在的机会,大大加快速度吧。下面是一些最重要的概念:
谷歌提供了一个名为PageSpeed Insights的很好的工具。运行在您的网站的网页这个工具。不仅谷歌会告诉你,他们的表现如何,但他们会指定由工具看到的一些问题,并给你的资源链接,以帮助解决他们。
要知道,虽然,这样的结果将不可避免地需要开发人员做一些事情。这是真正的与所有建议,在这个岗位?- 但在这一天结束,这将是非常值得的努力!
以这样的方式很多网页下载,需要大部分的代码之前的任何内容呈现给用户下载。更好的实现是改变这一点,所以开始的内容,而下载的继续,得到显示如下所示:
关键的想法是首先加载你的主要内容,并确保它以这样一种方式来完成,它可以呈现为它下载。菜单,工具条和任何低于倍是在渲染页面的优先级最低。该尽快获取访问者的前内容尽可能。
这是失败的另一个常见区。许多网站传播CSS和JavaScript在许多文件,并在一个非常低效的方式加载它们。这里有一些提示,以优化你的CSS:
压缩CSS(阅读更多这里)。
避免CSS冲突(多个ID,重写规则等。)。
不要使用HTML标签的CSS在线。
加载CSS使用延迟和异步的JavaScript。
加载CSS的关键在HTML?
。减少CSS库只有实际需要的。
下面是处理JavaScript的类似提示:
压缩JavaScript(阅读更多这里)。
实现非侵入式JavaScript的方法(在这里阅读更多)。
载入JavaScript的使用延迟和异步属性。
关键负载中的JavaScript的HTML。
减少JavaScript库只有实际需要的。
其中,页面大小成长臃肿与自己的形象另一个领域。许多网站上传图片为PNG文件,因为这些往往是更高的分辨率,但分辨率更高的网络上非常浪费。相反,那些转换图像,JPG格式,因为所产生的图像更小,将加载速度更快。您也可以压缩图像,使它们更小。这里有一些其他技巧来处理图像:
使用精灵(HTTP / 1。X只)。
推迟加载(延迟加载)。
使用宽度和高度属性。
使用轻量级网页图标。
如果你按照谷歌的话,那么你听说过AMP。这是谷歌试图创建一个平台,将极大地加快移动网络的性能。
AMP是HTML的一种新形式,随着HTML5竞速赛。它之所以是速度远远超过传统的HTML是,它是迄今为止,你可以和不能做什么更严格。该所施加的限制力开发人员使用的编码接近于导致页面无法在尺寸小得多。
在测试中我们确实在石庙,我们发现,在我们网站上的网页AMP均规模仅约28%KB作为传统的HTML页面。此外,与会者在AMP程序可以缓存结果页面和谷歌这样做。要看到多少影响这个有,我们在测试网页速度洞察网页,我们的评分从43变为88:
因此,如何将重要的是AMP? 我个人认为,AMP,进取Web应用程序的下一阶段的概念将是计划,谷歌推很辛苦。移动网络的持续增长对他们来说非常重要。
维泽的演讲盖比我在上面的帖子更多,你可以在这里看到文稿的其余部分。有些你会发现增量的内容包括:
用gzip压缩的网页。
OCSP马厩,以加速SSL证书是否有效的判断。
实现HSTS使Chrome浏览器将默认为您加载页面作为HTTPS网页(保存重定向)。
使用HTTP / 2,它提供了许多额外的性能提升机会。
和更多!
对速度的需求是在今天的网络非常真实的,特别是在移动网络环境。它的关键是要采取的步骤来创建接近你的发展,投资的时间以正确的方式的一种文化,使事情加载速度。
正如我们在一开始,速度的问题给用户,谷歌,这意味着看到它应该是一个非常大的交易对你来说也是。
在这篇文章中所表达的意见是那些客人笔者并不见得搜索引擎土地。作者的工作人员在这里列出。