尽管网站速度是在谷歌搜索结果排名的因素,速度快的网站是不规范。 您的网站可能有提升空间。通过观察小细节,就可以显著减少网页加载时间 – 并因此增加SERP性能。
让我们来看看一些?不太常用的方法来减少页面加载时间在SERP中的更好的性能。
如果您有谷歌Analytics(分析)设置你的?网站,寻找如何页面?执行应该是一个相对容易的差事。只需导航?以行为>网站速度?和审查各项报告所载。
该网页时间和速度建议报告?将显示您的顶部页面,对自己的表现统计数据一起,再加上改进的Page Speed建议。这些报告将有助于?确定?要优先考虑网页。
一旦你已经评估与谷歌Analytics(分析)当前页面的加载时间,你将要分析你的网站是导致问题的因素。是非优化的图像的主要元凶? 也许是过于臃肿的代码? 一个坏的服务器? 或者所有三个因素同时?
分阶段互相攻击的这些问题,如预算和优先级允许,将帮助您评估到底有多少各因素影响您的网站的网页速度 – 这多少固定改善您的网站在SERP中的表现。
每一点帮助吧? 虽然我已经执行了很多网站的审计,我总是惊讶地看到,没有至少一个预加载脚本的网站上。这并不难代码一个JavaScript预加载器和?它涉及?我说?对网页优化人们常常忽略了这样一个简单的部分。
通过预加载的页面元素,如图像,可以显著降低你的网站的加载时间,并帮助提高其整体性能。你跑没有任何负面影响发生的风险,您的网站在谷歌的结果,那么为什么不?
此外,有一些方法可以预加载与CSS页面级元素,如本例所示。哪里有CSS的替代品,它是使用CSS在JavaScript的Web最佳实践。为什么? 因为JavaScript礼物问题时,谁访问您的网站的人关闭了JavaScript。
如果您的谷歌Analytics帐户并没有显示他们关闭JavaScript,任何访客,你需要担心? 是。你永远不知道什么时候随机精通技术的参观者将显示在您的网站上与他们的设置,设置方式。
这仅仅是足够的理由利用用于考虑尽可能多的浏览器和平台成为可能,只要预算,重点和项目范围允许。
这是确保所有图像都正确优化的知名行业的最佳实践。这意味着,你不应该使用2.5 MB?在页面上的JPG文件,嘎吱嘎吱成150×150像素的图像。你必须确保所有的像素信息在Adobe Photoshop等程序正确嘎吱嘎吱你上传图片之前。
如果不执行这一步,会发生什么是,你将有一个150×150像素的图像与2.5 MB的物理尺寸。等待一分钟时,图像如何可以是150×150,但有一个2.5 MB的物理尺寸?
答案就在于,它并没有物理压缩。当你身体压缩的图像,你不仅减少了图像尺寸,还可以减少物理尺寸。什么叫做“无损压缩”的压缩类型的Adobe公司的Photoshop执行的是叶最终优化的文件几乎完全一样,你发现它。
理想的尺寸范围,以目标内的内容优化的图像是左右15-50KB取决于像素尺寸。显然,700×700的照片将是比150×150的照片大得多,所以最好使用基于你的观众的连接速度的最佳判断。
然而,仅仅采取了保存的图像,并在CMS像WordPress调整将无法正常工作。为什么? 由于WordPress的只是调整大小的物理尺寸。它不会在同一时间调整物理 像素尺寸。
这就是为什么需要一个过程分为两个部分:1。以图像和身体调整其像素尺寸在Photoshop中,2。然后将其添加到WordPress。当然,第2步被消除,如果你是手工编码,因为所有你需要做的就是码宽 高到图像。
这给我们带来我们的下一个点:一定要确保你的图像与宽度和高度编码。为什么? 因为否则的话,浏览器不得不去猜测图像的大小。它增加了一个额外的步骤,以渲染过程中,这由此增加了珍贵毫秒到加载时间。你还留下了深刻印象? 没有? 让我们往前走,然后 。。。
创建具有成千上万行代码的网站是所有罚款和花花公子。但是,如果代码变得多余的那些行,他们成为负债您的网站的加载时间,有时它增加了十倍,如果你不付出那么多关注一下。这就是为什么“想缩小”的方式是最好的途径之一实现编码必杀技。
有多少的div你真的想在你的内容使用? 有多少表? (我希望你是不是还在使用的设计表。这是一个过时的方法,?而表应只用于表格数据,而不是布局的原因,W3C状态。)我真的希望这个切片图像成四片? 或者说,这将是最好使用一个图像,并优化其核心? (这是将取决于图像的大小决定。)
下面是持极端编码天翻地覆情况,并把它变成一个美丽的东西的例子。看看下面的示例页面代码。你会发现有很多的内联CSS的,是造成代码膨胀,并有可能与某些浏览器的一些问题被混淆关于CSS希望已经发生的事情。
通过冷凝该编码成其最小的形式,并使用CSS来实现绝对简约的标记我们可以,也可以通过时间减少网页加载?缩小。通过观察适当的规划和执行,我们的加载时间可能是有史以来超出职责要求(这正是我们想要的结果),因此略微降至最低:
如果您的网站有超过两个或三个JavaScript文件,这算作过度JavaScript实现。这之所以重要的是,更多的调用您的页面元素使服务器,更多的瓶颈,你介绍到您的网站速度。
这同样适用于在一次许多CSS文件。当你在10个CSS文件顶部添加10个JavaScript文件,它可能会导致一些重大的速度瓶颈问题。
一般建议,以确保您的服务器处理不超过两个或三个JavaScript文件和/或为了每页两个或三个CSS文件,让您的服务器调用在检查。
你不必总是使用缩小插件的影响降到最低多个JavaScript文件有。您应该手动上的所有问题的文件的执行缩小。这样做的原因?是微小的插件并不总是进行适当的优化。事实上,一些插件可以增加更多的代码膨胀。
有疑问时,总是去手动路线。
以下报价是从“加载时间如何影响你的底线”上Kissmetrics博客:
加载时间是一个主要因素,以放弃页。普通用户没有耐心一个网页,时间过长负荷,所以名正言顺。
当务之急是在所有设备上争取不到一秒钟的加载时间为您的网站的每个网页。现在,剃两三秒掉你的加载时间可能听起来好像不多。然而,?它确实可能意味着一个成功的网站和一个偶然的网站之间的区别。
什么是一秒钟的加载时间这个看似不可能的指标背后的推理? 据Kissmetrics,?“在寻呼响应A 1秒钟的延迟可导致在转化有7%的减少。“
这意味着,“如果一个电子商务网站正在每天$ 100,000,1秒的延迟页面可能花费您$ 2。每年500万的销售损失。“
这是一个沉重的代价才能继续经营,有一个7到8秒的加载时间网站。所以,请让你的网站负载一秒或更少。你的访问者(和谷歌)会感谢你。
注:这是永远的现实? 没有。预算,优先级和其他像项目范围将需要考虑为您做出这个决定的。决定何时使用自己的自由裁量权和最佳判断这是否会为您的项目一个很好的举措是很重要的。
谷歌的移动准则是一个好地方,当谈到确保启动您的网站是一个乌托邦式的优化用户体验。但是,当你要考虑为移动网页速度优化你该怎么办?
首先,这取决于你在(信息,电子商务或别的东西)工作的网站类型,你会希望保持简单的复杂性。不要使用JavaScript和过于复杂的动态服务器端执行出示您的网站(除非它重量轻,适用于您的网站)。
使用带有战略性优化的图像中的多个媒体的质疑让事情变得简单用一个单一的样式表。这是什么意思通过战略性优化的图像?
这里有一个例子:如果你使用一个标题图片,通过使用相同的标题图片创建这样的标题图片,你可以动态地通过媒体查询调整其大小。不要使用多个媒体查询多个图像。所有这一切确实是增加调用服务器并创建一个带宽瓶颈,可以在事后进行挑战,以优化。请记住我们的JavaScript示例? 存话费服务器在最小。
接下来,请确保您的图片也为手机质量优化。取加载时间考虑先进行优化后,再考虑图像的数量。专注于两个在你的追求最小化的快速加载移动网站。
遵循这些建议,可以提高网站性能十倍。纵观缩小,谷歌Analytics(分析)和整个网站的速度问题,并确保他们的迅速解决将有助于添加到性能。
在这篇文章中所表达的意见是那些客人笔者并不见得搜索引擎土地。作者的工作人员在这里列出。