锐客网

  1. 首页 > 睿知 > it技术 > >

使你的网站闪电般飞速的10条性能提示

后端IT知识网站开发

本文概述

  • 1.缩小图像尺寸
  • 2.将页面加载设置为” 延迟” 以提高速度
  • 3.获取样式表
  • 4.利用浏览器的内容缓存
  • 5.启用GZIP压缩
  • 6.尽量减少资源
  • 7.减少重定向
  • 8.使用内容分发网络(CDN)
  • 9.延迟JavaScript
  • 10.激活AMP
  • 底线
你最近是否测试了网站的页面加载速度？如果你要快四秒钟进行计时, 以为你还好吗？
抱歉, 根据Google的说法, 你的网站生活在缓慢的道路上。如果你的目标网页需要花费两到三秒钟的时间来加载, 则超过一半的尝试访问者将离开, 你的网页浏览量将减少11％, 转化次数减少7％。
数字消费者希望获得快速的体验, 将其交付给他们是你网站的工作。
Google现在将页面速度用作移动搜索的排名因素。如果你不打算提高网站的移动性能, 那么就没有时间像现在这样了。从压缩图像和文本到删除不必要的插件, 有很多方法可以使品牌网站具有竞争优势。这是其中的10个。
1.缩小图像尺寸【使你的网站闪电般飞速的10条性能提示】图像在网站速度中起着重要作用, 但是通常较大的文件会降低页面加载时间。最简单的解决方案之一是通过裁剪进行压缩。但不要简单地将width参数设置为较小的尺寸。调整图像大小以加快加载速度, 你会发现互动时间减少了70％。
2.将页面加载设置为” 延迟” 以提高速度使用” 延迟加载” 可显着提高页面速度得分。采用这种技术, 仅当读者向下滚动网页时, 网页上的图像才会加载, 这可以解决你的网站最大的加载问题。许多内容管理系统都提供第三方或内置插件, 或者你可能需要使用脚本工具。
3.获取样式表CSS通常放在外部文件中, 但是将其放入HTML文件中会减少浏览器在显示网页之前必须下载的文件数。尽管这种做法与你惯常的做法相反, 但它可以适应Google最新的限制样式表尺寸的要求。搜索引擎巨头最终可能会以更高的排名奖励你。
4.利用浏览器的内容缓存缓存非常有用, 特别是对于在许多页面上具有共同元素的网站而言。为什么？仅需下载一次的CSS样式表和图像即可加快网页加载速度。 Google提供了一些不错的技巧, 可以为你的网站确定最佳的缓存策略。
5.启用GZIP压缩这是一个简单的公式：较小的文件=更快的下载=更快乐的用户。就像缩小图像可以加快加载速度一样, 压缩基于文本的HML, CSS和JavaScript文件可以节省带宽, 并可以帮助网站实现更长的加载时间。
6.尽量减少资源缩小只是删除冗余数据而不影响浏览器如何处理资源的过程。在将HTML和CSS文件甚至还没有加载到服务器上之前, 将它们进行最小化处理后, 你会发现交付速度有所提高。
7.减少重定向如果你链接到重定向到另一个页面的页面, 那么执行此重定向会花费时间, 并且会降低用户的浏览体验。每个重定向都需要一个新请求发送到服务器。因此, 请务必将HTTP重定向次数保持在最低水平。使用链接检查器来识别不必要的重定向, 并将其替换为直接链接。
8.使用内容分发网络(CDN)内容交付网络通过在世界各地的节点中提供静态资源来帮助网站更快地加载, 然后通过最快的途径将内容交付给最终用户。像Amazon CloudFront或Akamai提供的CDN一样, 对于那些需要大量流量请求媒体文件的站点特别有用。
9.延迟JavaScript没有人喜欢等待, 这对于连接数字设备的消费者来说尤其如此。还记得我们所说的两到三秒钟的弹跳吗？主要原因是网站页面资源的加载顺序。延迟JavaScript, 使其仅在其他页面内容加载后才开始, 从而改善了页面的感知加载时间。
10.激活AMPGoogle的加速移动页面项目有望在所有发行平台和设备上实现快速, 美观, 高性能。顺便说一句, 虽然有些开发人员没有使用Google的解决方案来加快移动网络的销售, 但其他开发人员却拥有其创建站点现有页面的更快版本的能力。
底线缓慢的网站会损害你的搜索外观, 并且无法转化客户。如果还没有, 请使用此简单工具测试网站的移动速度。不要让这份改进清单让你不知所措-你不必一天都做这些。但是, 优化网站内容加载的速度将有助于你提高客户满意度, 使访问者留在你的网站上, 并使他们成为回头客。

    推荐阅读


    上一篇：Python数据分析--Numpy常用函数介绍(3)

    下一篇：地理编码将如何塑造未来的技术和服务