2017 年最有效的网站性能优化技巧

已发表: 2017-11-09
第一印象可能是你唯一有机会尝试的印象。

几乎每家企业都拥有一个网站,可以进一步扩大其对不断增长的在线社区的影响力。 然而,并非所有人都真正优先考虑网站性能优化的重要性,这削弱了定义其特许经营范围的能力。

除此之外,网站访问者变得不耐烦并且要求更高,尤其是随着在线竞争日益激烈。

FEVAD(电子商务和远程销售联合会)在 2015 年表示,几乎 57% 的互联网用户要求网站在 3 秒或更短的时间内加载。

实际上这是常识,加载时间较长的网站将不会受到任何用户的偏好,对吧?

问自己这个问题。

企业严重依赖客户,这是任何企业的基石,他们需要知道品牌对他们有利。 他们不想等待。

不愉快的印象会产生不满意的评论,传播得特别快,导致流量损失,最重要的是损失金钱。

亚马逊表示,网站速度慢 1 秒可能会导致每年约 16 亿美元的销售额损失。

科技巨头谷歌支付了半秒的加载时间延迟,流量下降了 20%

时间肯定就是金钱,不是吗?

随着互联网上充斥着几乎服务于类似目的的网站,你需要在你的网站内达到完美的平衡,这可以取悦观众,产生流量并服务于他们的目的。

website speed

这个世界上的一切都会发生变化,那么,为什么不是网站呢?

据统计,当 Mozilla 将页面速度提高近 2 秒时,下载量增加了 15.4%

Kinsta说:“人们更喜欢快速加载琐碎的页面,而不是缓慢的相关页面。”

这根本不是一个巨大的难题,因为您只需要超越竞争对手即可保持领先地位。

有人打电话给尤塞恩博尔特!

然而!

您当然不需要牙买加人的策略来为您编写网站,因为我们提供了一些提示和技巧,让您在竞争中保持领先并在全球受众中提升您的页面。

您可以稍后感谢我们。

开始了:

一口气实现所有这些可能是一项繁琐的任务,因此最好逐个步骤并分析加载时间的差异。

重要的是不要为了它而公然复制它们,先理解然后实施。

01. 最小化

组织您的网页,使其尽可能精简。 多余的线条、换行符、图像和其他不需要的用具都付诸东流。

extra lines, line breaks,

苹果奥迪等价值数十亿美元的公司的主页中汲取灵感,分析它们的结构化方法。

我相信你会理解灵感和抄袭之间的细微差别。

02. 图像优化

一张图片本质上价值超过一千个字,而且它当然也有这么多。

2016 年的一份 HTTP 报告写道:“ 64% 的网页权重仅在于其图像。 ” 这当然让事情变得正确。

image seo, image optimization

您也会注意到,图像需要更多时间。 现在我不必告诉你,对吧?

所以,你可以做什么?!

  • 选择仅在真正重要的地方插入图片 - 如果您优先考虑质量和 PNG 以用于徽标等不太重要的图片,则在 JPEG 中插入图片。BMP 和 TIFF 是不行的!
  • 根据相应的要求适当调整图像大小可以抑制不必要的垃圾数据形成,从而增加带宽负担。
  • SmushitJPEG/PNG Stripper等工具只需单击按钮即可轻松进行优化。

03. CSS 交付优化

不久前,一个网页的最佳大小被认为是 30KB 左右,包括图像、文本等所有元素。

CSS 和 JavaScript 的出现现代化并打破了这个 30KB 的障碍,为用户提供了更丰富的体验。

ccs, delivery optimization, ccs blocks

通过使用“速记”方法减少读码的周期,可以优化交付速度。 基本上,不要考虑冗余。

首选外部样式表,它可以在将页面呈现为内部样式表之前加载也有帮助。 这完全取决于“编码专家”的工作方式。

减少复杂的脚本和多余的代码行。 看起来很公平,对吧?

04.压缩技术

实际上,CSS 和 Javascript 可以通过不止一种方式进行优化。 我们之前讨论了交付系统。

 compression strategies

现在,让我们看看如何压缩它们。

  • 缩小CSS 和 JavaScript 以通过随后的 CSS 和 JavaScript 组合删除它们之间的空格来压缩它们。
  • 其他包括CSS OptimizerClean CSS等等。(嘿,别偷懒谷歌他们并找出来)
  • GZip 压缩通过查找相似的代码元素并临时用较短的字符交换它们来帮助。

注意:使用 Gzip 压缩图像、PDF 等可能会导致新文件比以前的版本大; 也可能无法保证旧的浏览器支持。 (谁也使用旧东西,顺便说一句?)

05.“404错误”

这在编码人员中可能很熟悉,但他们也很害怕。 它会在缺少文件或页面的情况下弹出。

虽然看起来很简单,但典型的 404 错误需要大约 50-100 MB 的内存才能交付。 好像很难消化? 我说这是人们害怕的事情。

404-error Page

插件提供了多种检查和调试此类错误的方法,但它们在服务器中停留的时间过长,这会浪费每个相应服务器的资源。

所以最好使用Screaming Frog之类的工具来爬取,识别错误页面并修复它们,这样就不会浪费太多带宽,减少访问者浪费。

Visual SEO StudioWildShark SEO Spider Tool ,它们是 Screaming Frog 的免费软件替代品。

06. 卸载资产

我们的意思是从主服务器中分离出 CSS、图像等内容,并依赖其他服务器来加载它们。

这反过来又减少了对单个主服务器的依赖,通过将其卸载给其他服务器,从而减少加载页面所需的时间。

dedicated hosting, offloading assets

分享确实是关怀。

我们还根据您的需要建议一些卸载方面:

  • Flikr自鸣得意,5–图像
  • 谷歌 Feedburner – RSS
  • 调查 – SurveyMonkey ,仅举几例。

您还可以使用专用主机,它比共享主机贵一点,但速度更快。

07. 服务器优化

server optimization, apache optimization

选择具有更多 RAM 和缓存大小的更好服务器必然会提高性能指标。

定期软件更新和创建镜像服务有助于平衡服务之间的负载,从而加快访问时间。

08. 插件使用

server crashes

不必要的插件不仅会成为多个服务器崩溃的牺牲品,而且加载时间也会更长。

您在“那个”网站中看到的那个“很棒”的过渡或元素可能并不总是适合您的选择。

明智地选择你的元素。

09 调试

debugging, coders beware

码农小心! 你们会完全理解这一点。

即使是最小的错误,估计到分号也可能导致内存转储问题,这可能会使站点和服务器崩溃。

重复渲染代码,直到您确定这些行不会引起问题,并且使用 Microsoft Visual Studio 等调试应用程序从长远来看会对您有所帮助。

10. 速度测试

多个平台提供速度测试,评估网站的加载速度,并确定您的网站与其他网站相比的加载速度。

它们还有助于提供有关问题所在位置的必要信息,有些甚至可以提供建议以更改站点的各个方面。

PingdomGTmetrix等网站等等。

speed tests, speed test google

如果您感到不知所措,请深呼吸。 Dropbox 、Apple 和 Microsoft 等数十亿美元企业的开发人员也经历过同样的事情。

这是真的,就像真的一样!

他们甚至在现在也做出了修正,每分钟都在进行优化。 他们不想复制成功的口头禅,他们想创造更多。

当然,对于不懂技术的人,我们向您介绍了一个平台,您可以在该平台上外包与网页优化相关的工作等等。

我们公司Prime One Global将负责这一点,最终,您可以吹嘘一个满足客户和客户需求的网站。 要了解更多信息,请与我们联系 [email protected]或在我们的 Facebook 页面上联系我们。

你走之前!

所有这些听起来可能很复杂,但这就是网站的工作方式。 您需要了解增强优化所涉及的技术细节。

总结要点,客户要求加载速度处于最佳状态,为此,坚持最小的设计并根据他们的使用选择图像格式

只是从潜在访问者的角度思考。 您会等待很长时间才能加载网站吗?

当然不是。

如今,耐心仍然是一种美德,但是当我们生活在一个几乎所有方面都数字化的世界中时,为了保持领先,我们需要拥抱变化。