每当有人访问您网站上的页面时,浏览器都必须请求大量文件。这些HTTP请求直接影响网页的加载速度。通常,更少的HTTP请求意味着网站加载速度更快。 现在,网站的加载速度是搜索引擎排名的重要因素。平均而言,媒体页面加载速度为谷歌的10个结果只是1.65秒。
这凸显了拥有快速加载网站的重要性。搜索引擎结果页(SERP)上的顶部结果会在不到两秒钟的时间内加载。您可以通过此视频进一步了解HTTP请求以及它们如何影响网站的加载速度。网站必须处理的HTTP请求总数可能会对整体加载速度产生巨大影响。您可以通过减少HTTP请求来显著改变网站的加载速度。这是减少HTTP请求数量和提高网站加载速度的8种方法。
1.删除不必要的图像
正如我们刚刚讨论的,更多文件意味着更多请求。
因此,目标是最小化网页必须加载的文件和图像的数量。反过来,这减少了HTTP请求的数量,并可以提高网页的加载速度。
这里有两点需要注意:
清理媒体库并删除所有不必要的图像。您会惊讶地发现许多甚至可能不再使用的图像。例如,用于网页的图像现在已经不复存在了。
不要为了减少HTTP服务器请求而牺牲图像。这个想法是删除不必要的图像,而不是减少通常使用的图像数量。
处理完图像后,请查看并删除一些其他不必要的文件。例如,它可以是嵌入式视频或第三方社交媒体源插件。
确定您的网页使用的不同元素,然后选择不必要的元素,但浪费您的资源。摆脱它们,提高网站的加载速度。
2.缩小图像尺寸
您可能已删除了合理数量的图像。但是,仍然会剩下很多图像。而且您无法摆脱它们。你不应该
因此,下一步是减少要在网页上使用的图像的文件大小。
您可以使用shortpixel之类的工具来压缩所用图像的大小。此外,强烈建议使用网络友好的图像。例如,尽可能使用.jpg图像而不是.png。
减小图像尺寸是提高网页加载速度的最基本技术之一。
3.实施延迟加载技术
您一定听说过惰性加载技术,对吗?
如果您还没有,请简要说明一下它是什么以及它如何工作。
一个页面可能包含许多图像。当用户访问该页面时,您的站点将针对所有这些图像发送HTTP服务器请求。根据您的网页有多沉重,这可能会使它变慢。
但是,如果用户甚至从未打算向下滚动到页面底部并看到所有这些图像怎么办?
延迟加载技术解决了该问题。
代替发送不必要的HTTP请求,此技术仅在用户向下滚动到页面上的图像时发送服务器请求。
延迟加载技术对资源的智能利用可以显着减少HTTP请求的数量,并提高站点的加载速度。
4.忽略页面上无关的资源
忽略网页上的相关资源与延迟加载类似。
正如我们刚刚讨论的,延迟加载会延迟发送服务器对未查看图像的请求。
同样,您可以安装诸如LazyLoad之类的工具,该工具将检测网站的特定页面上存在的代码和文件。一旦识别出此类文件,插件将阻止将它们加载到页面上。
这是减少HTTP服务器请求数量而又不牺牲网页质量的另一种明智的方法。
5.缩小CSS和JavaScript文件
缩小是用于提高网站加载速度的一项重要技术。
这意味着从CSS,JavaScript和HTML文件中删除不需要执行的不必要代码,例如,不必要的字符,空格,注释等。
6.合并CSS和JavaScript文件
就像最小化一样,组合CSS和JavaScript文件也是减少网站总文件大小的一种很好的技术。
这个想法是将所有CSS和JavaScript文件合并为一个单独的文件。例如,如果您的网站有4个外部JavaScript文件和3个外部CSS文件,则意味着7个请求。
但是,如果将3个CSS文件合并为一个CSS文件,并将4个JS文件合并为一个JS文件,则您的网站将仅发送2个请求,而不是7个。
缩小和合并CSS和JavaScript文件是减少HTTP请求数量和提高网站加载速度的有效方法。
7.减少外部脚本的数量
强烈建议您识别所有其他添加请求的文件。您可以在Google Chrome网络面板中执行此操作。
外部脚本增加HTTP请求的数量并不少见。例如,它可能是不再使用的市场营销脚本的社交源插件,从而使加载时间增加了几秒钟。
通过确定使您的网站变慢的确切第三方集成和外部脚本,您可以就保留哪些资源和牺牲哪些资源做出明智的决定。
8.使用内容分发网络(CDN)
如果您仍在努力将HTTP请求的数量降低到合理水平,我们建议您使用内容分发网络(CDN)。
CDN是位于世界各地的服务器网络。CDN在您的网站上缓存静态内容,然后在用户访问您的网站时将其提供给缓存的内容。缓存的内容是从服务器交付的,最接近用户的物理位置。
是否要使用CDN取决于几件事。最重要的是您的流量是本地流量还是国际流量。如果您的大多数网站访问者是本地访问者,则不需要内容交付网络。
如果来自世界各地的用户访问您的网站,那么CDN对加速您的网站非常有用。
结论
建议将文件数量保持在10到30之间。对于具有大量内容,图像和高质量视频的大型网站,这可能不是完全可能的,但对于大多数网站而言,这仍然是一个很好的基准。准确确定您的网站发出了多少个HTTP请求,然后通过策略性地分析每个元素来逐步解决。这将帮助您减少HTTP请求的数量,提高网站的加载速度,并有可能改善用户保留率,参与度指标,转化率和网络销量。
厦门市 · 工业集中区建材园85栋211号(i乐德工作室)
电话:131-5927-6767
邮箱:365182575@qq.com
静态网页(英文:Static Webpage)又称为静态页面,是标准的HTML文件,是实际存在的,无需经过服务器的编译,直接加载到用户浏览器上就可显示的HTML文件,常见的静态网页文件扩展名有.htm或.html。
随着人们生活水平的提高,高节奏的生活让人们没时间和精力去做家务,那么家政公司走入人们的视线,日常保洁、家电清洗、钟点工、住家保姆等等这些都是家政服务的内容,当服务项目越多时,用户的选择性就会越多,覆盖的用户人群就会越广,就需要线上家政APP来营销和推广。
网站建成后,我们经常听到一些客户谈论维护问题。很多人对网站的日常内容更新和维护以及网站的操作不是很熟悉,也就是说,他们不知道网站上线后该怎么做。
合理的给网站内部中添加锚文本链接,不仅有利于百度蜘蛛对网站内容页面的抓取和收录,让网站获得一个良好的排名,同时也能让用户获得更好的浏览体验,从而让用户对网站产生信任感,这样才能让网站获得更多稳定的流量。
如今没有在线业务就不可能生存。因此作为品牌数字营销策略的一部分,每个设计元素都应达到其目的。 每个元素?从可用性到视觉效果?对于整体客户体验至关重要。