2017 年最有效的网站性能优化技巧
已发表: 2017-11-09第一印象可能是你唯一有机会尝试的印象。
几乎每家企业都拥有一个网站,可以进一步扩大其对不断增长的在线社区的影响力。 然而,并非所有人都真正优先考虑网站性能优化的重要性,这削弱了定义其特许经营范围的能力。
除此之外,网站访问者变得不耐烦并且要求更高,尤其是随着在线竞争日益激烈。
FEVAD(电子商务和远程销售联合会)在 2015 年表示,几乎 57% 的互联网用户要求网站在 3 秒或更短的时间内加载。
实际上这是常识,加载时间较长的网站将不会受到任何用户的偏好,对吧?
问自己这个问题。
企业严重依赖客户,这是任何企业的基石,他们需要知道品牌对他们有利。 他们不想等待。
不愉快的印象会产生不满意的评论,传播得特别快,导致流量损失,最重要的是损失金钱。
亚马逊表示,网站速度慢 1 秒可能会导致每年约 16 亿美元的销售额损失。
科技巨头谷歌支付了半秒的加载时间延迟,流量下降了 20% 。
时间肯定就是金钱,不是吗?
随着互联网上充斥着几乎服务于类似目的的网站,你需要在你的网站内达到完美的平衡,这可以取悦观众,产生流量并服务于他们的目的。
这个世界上的一切都会发生变化,那么,为什么不是网站呢?
据统计,当 Mozilla 将页面速度提高近 2 秒时,下载量增加了 15.4% 。
Kinsta说:“人们更喜欢快速加载琐碎的页面,而不是缓慢的相关页面。”
这根本不是一个巨大的难题,因为您只需要超越竞争对手即可保持领先地位。
有人打电话给尤塞恩博尔特!
然而!
您当然不需要牙买加人的策略来为您编写网站,因为我们提供了一些提示和技巧,让您在竞争中保持领先并在全球受众中提升您的页面。
您可以稍后感谢我们。
开始了:
一口气实现所有这些可能是一项繁琐的任务,因此最好逐个步骤并分析加载时间的差异。
重要的是不要为了它而公然复制它们,先理解然后实施。
01. 最小化
组织您的网页,使其尽可能精简。 多余的线条、换行符、图像和其他不需要的用具都付诸东流。
从苹果、奥迪等价值数十亿美元的公司的主页中汲取灵感,分析它们的结构化方法。
我相信你会理解灵感和抄袭之间的细微差别。
02. 图像优化
一张图片本质上价值超过一千个字,而且它当然也有这么多。
2016 年的一份 HTTP 报告写道:“ 64% 的网页权重仅在于其图像。 ” 这当然让事情变得正确。
您也会注意到,图像需要更多时间。 现在我不必告诉你,对吧?
所以,你可以做什么?!
- 选择仅在真正重要的地方插入图片 - 如果您优先考虑质量和 PNG 以用于徽标等不太重要的图片,则在 JPEG 中插入图片。BMP 和 TIFF 是不行的!
- 根据相应的要求适当调整图像大小可以抑制不必要的垃圾数据形成,从而增加带宽负担。
- Smushit 、 JPEG/PNG Stripper等工具只需单击按钮即可轻松进行优化。
03. CSS 交付优化
不久前,一个网页的最佳大小被认为是 30KB 左右,包括图像、文本等所有元素。
CSS 和 JavaScript 的出现现代化并打破了这个 30KB 的障碍,为用户提供了更丰富的体验。
通过使用“速记”方法减少读码的周期,可以优化交付速度。 基本上,不要考虑冗余。
首选外部样式表,它可以在将页面呈现为内部样式表之前加载也有帮助。 这完全取决于“编码专家”的工作方式。
减少复杂的脚本和多余的代码行。 看起来很公平,对吧?
04.压缩技术
实际上,CSS 和 Javascript 可以通过不止一种方式进行优化。 我们之前讨论了交付系统。
现在,让我们看看如何压缩它们。
- 缩小CSS 和 JavaScript 以通过随后的 CSS 和 JavaScript 组合删除它们之间的空格来压缩它们。
- 其他包括CSS Optimizer 、 Clean CSS等等。(嘿,别偷懒谷歌他们并找出来)
- GZip 压缩通过查找相似的代码元素并临时用较短的字符交换它们来帮助。
注意:使用 Gzip 压缩图像、PDF 等可能会导致新文件比以前的版本大; 也可能无法保证旧的浏览器支持。 (谁也使用旧东西,顺便说一句?)
05.“404错误”
这在编码人员中可能很熟悉,但他们也很害怕。 它会在缺少文件或页面的情况下弹出。
虽然看起来很简单,但典型的 404 错误需要大约 50-100 MB 的内存才能交付。 好像很难消化? 我说这是人们害怕的事情。
插件提供了多种检查和调试此类错误的方法,但它们在服务器中停留的时间过长,这会浪费每个相应服务器的资源。
所以最好使用Screaming Frog之类的工具来爬取,识别错误页面并修复它们,这样就不会浪费太多带宽,减少访问者浪费。
有Visual SEO Studio和WildShark SEO Spider Tool ,它们是 Screaming Frog 的免费软件替代品。
06. 卸载资产
我们的意思是从主服务器中分离出 CSS、图像等内容,并依赖其他服务器来加载它们。
这反过来又减少了对单个主服务器的依赖,通过将其卸载给其他服务器,从而减少加载页面所需的时间。
分享确实是关怀。
我们还根据您的需要建议一些卸载方面:
- Flikr ,自鸣得意,5–图像
- 谷歌 Feedburner – RSS
- 调查 – SurveyMonkey ,仅举几例。
您还可以使用专用主机,它比共享主机贵一点,但速度更快。
07. 服务器优化
选择具有更多 RAM 和缓存大小的更好服务器必然会提高性能指标。
定期软件更新和创建镜像服务有助于平衡服务之间的负载,从而加快访问时间。
08. 插件使用
不必要的插件不仅会成为多个服务器崩溃的牺牲品,而且加载时间也会更长。
您在“那个”网站中看到的那个“很棒”的过渡或元素可能并不总是适合您的选择。
明智地选择你的元素。
09 调试
码农小心! 你们会完全理解这一点。
即使是最小的错误,估计到分号也可能导致内存转储问题,这可能会使站点和服务器崩溃。
重复渲染代码,直到您确定这些行不会引起问题,并且使用 Microsoft Visual Studio 等调试应用程序从长远来看会对您有所帮助。
10. 速度测试
多个平台提供速度测试,评估网站的加载速度,并确定您的网站与其他网站相比的加载速度。
它们还有助于提供有关问题所在位置的必要信息,有些甚至可以提供建议以更改站点的各个方面。
像Pingdom 、 GTmetrix等网站等等。
如果您感到不知所措,请深呼吸。 Dropbox 、Apple 和 Microsoft 等数十亿美元企业的开发人员也经历过同样的事情。
这是真的,就像真的一样!
他们甚至在现在也做出了修正,每分钟都在进行优化。 他们不想复制成功的口头禅,他们想创造更多。
当然,对于不懂技术的人,我们向您介绍了一个平台,您可以在该平台上外包与网页优化相关的工作等等。
我们公司Prime One Global将负责这一点,最终,您可以吹嘘一个满足客户和客户需求的网站。 要了解更多信息,请与我们联系 [email protected]或在我们的 Facebook 页面上联系我们。
你走之前!
所有这些听起来可能很复杂,但这就是网站的工作方式。 您需要了解增强优化所涉及的技术细节。
总结要点,客户要求加载速度处于最佳状态,为此,坚持最小的设计并根据他们的使用选择图像格式。
只是从潜在访问者的角度思考。 您会等待很长时间才能加载网站吗?
当然不是。
如今,耐心仍然是一种美德,但是当我们生活在一个几乎所有方面都数字化的世界中时,为了保持领先,我们需要拥抱变化。