网站优化

当前位置:

加快页面响应时间的五种方法

浏览量:0

        这对...很重要。搜索引擎优化尽可能快地加载你的网站;用户希望快速看到你的网页,如果你不能给他们,他们就会去别的地方。在这篇文章中,您会发现关于五种简单有效的技巧为加速你的网页。

        1.使用分析工具和测量您的网站加载时间

        知道你的网站加载需要多长时间是确定问题的第一步。它还可以让你知道你是否需要对你的网站进行修改以加快速度。首先,让我们导航到六次修改网站,所以我们都在使用同一个例子(只是在一个新的标签或浏览器窗口打开它)。在浏览器的右下角,有一个带里程表的栏。在那个栏的旁边,当页面完全加载后,你会看到一个数字后面跟着一个“流量”。该数字是网站在您的浏览器中加载所需的时间(以秒为单位)。我们希望这个数字越低越好。

        最常见的是,导致如此长的页面加载时间的原因是以下一项或多项:

  1. 太多的HTTP请求

  2. 未压缩(或未缩小)的JavaScript文件

  3. 静态图形文件没有过期标题

        我们一会儿再谈这些。

        为了熟悉站点加载时间的性能,请在几个站点之间来回走动。查看百度主页、百度云和一些你最喜欢的博客/网站,你会注意到一个网站使用的图像或JavaScript越多,页面响应时间就越长。

加快页面响应时间的五种方法

        利用工具的特性

        除了测量页面加载的速度之外,工具还为您提供了一些关于如何提高网站性能的见解,以及您的网站负载性能的不足之处。

当您单击它时,它会启动对影响您的加载时间的每个区域进行详细分级的功能,并显示整体性能等级。最主观的领域是使用内容交付网络。CDN对更大的网站更有用。他们所做的是将一个站点的内容分布在不同地区的多台服务器上。在加载网站时,当物理

服务器离用户更近时,页面加载更快。因此,本质上,使用内容分发网络来传递内容,是从离访问您页面的用户更近的服务器上提供文件。
   

        除了使用CDN(这可能很昂贵),其他都是可行的。

        分级区域。让我们来看看每个评分因素。以下是对这些分级区域的简要描述,以及如何解决它们以获得最佳性能。

        减少HTTP请求:每当网页从服务器。这些可以包括脚本、CSS文件、图像和异步客户端/服务器端请求(Ajax和该技术的其他变体)。就性能而言,这是最关键的领域,也是只需一点点润滑油就能轻松解决的领域。例如,缓存文件在用户的机器上通常是有

帮助的,还有整合脚本、CSS,和图像。

        添加过期标题:80%的页面加载时间用于下载脚本、图像,和CSS。大多数情况下,这些元素在用户的机器上不会改变。经过向您的。htaccess文件您可以缓存冗余文件。

在用户本地机器上(我们将在本文后面讨论如何做到这一点)。
Gzip组件:Gziping或压缩JS文件、图像、HTML文档、CSS文件等。允许用户下载小得多的文件版本,提高页面加载速度。这可以减少服务器的负担,但是根据用户的浏览器,解压缩组件会导致

页面响应时间变慢。
把CSS放在最上面:将CSS文件放在文档的顶部可以让您的站点。当其他组件(如图像和脚本)仍在加载时,尽可能快地渲染网页。把JS放在最下面:将您的CSS放在文档的顶部,在关闭之前插入您的JS文件%3标签允许您在这些

脚本在后台传播时向用户呈现看起来是完整的页面。
避免使用CSS表达式:我个人从不使用CSS表达式(也称为动态属性),这是一种仅用于IE的专有方式,用于向CSS添加编程概念(如控制/条件结构)。从IE8开始,基于布局引擎(在IE中使用)将不再受

到支持,所以无论如何使用它们都不是个好主意。相反,我用PHP编写脚本来。

        根据各种条件加载不同的CSS样式规则,可以是一个随机数,时间或浏览器。让JS和CSS对外:将JS和CSS放在外部文件中允许您的浏览器缓存它们使你的页面加载比那些文件加载更快该页面被称为。

减少DNS查找:每当用户在他们的网络浏览器地址字段中键入域名时,浏览器都会对该地址执行域名系统查找地址。你的站点需要的位置越多访问时,必须进行的DNS查找越多。尽你所能保留这些低,平均来说60-100毫秒进行域名系统查找。

阻减js文件:与常规gzip压缩不同,缩小JavaScript文件正在删除。不必要的空格、制表符和各种其他选定字符。减小文件的整体大小。用一个更小的文件。页面加载速度更快。你可以用JSMIN缩小你的JavaScript。

        避免重定向:不管你做了服务器端的头重定向、JS重定向还是HTML元重定向,你的站点都将继续。加载一个带有空白页面的标题,然后加载新页面,增加了用户到达他们想要访问的实际页面所需的时间,所以不惜一切代价完全避免这种情况。

        删除重复的脚本:让您的浏览器加载相同的脚本两次将增加您的页面装载。很简单的数学。文件越多,加载时间越长。仔细检查你的网站,并确保你没有调用jQuery二或三次或任何剧本。

咻…太多了,在我们进入其他技术来提高你网站的性能之前,让我们进入下一个页面。

        让您深入了解您为提高站点速度所做的努力。在这里,您可以看到加载某些文件需要多长时间,这些文件是否是gzip,响应时间,以及它们是否缓存在用户机器中,以及它们的缓存何时到期。这有利于检查站点的组件、测量它们的性能并优化它们的

速度。
最后,我们有统计选项卡。该选项卡显示下载文件和缓存文件的所有HTTP请求。空缓存显示浏览器为了渲染页面而必须下载的文件。另一方面,预缓存是已经在用户浏览器缓存中的文件列表,这样浏览器就不必再下载这些文件了。

        2.使用CSS精灵减少HTTP请求

CSS精灵可能是自特斯拉发明了电…我说过吗..哎呀,我是说爱迪生。通过整合你的CSS背景图片,减少你的页面向服务器发出的HTTP请求的数量,从而减少你的页面加载时间。

大多数教程只教你使用CSS Sprites进行导航,我要说的是在你网站的整个用户界面中使用它。首先,让我们快速看看YouTube,以及它们是如何使用CSS Sprites的。

        3.添加过期标题

有些网站非常丰富,即使使用了上述技术,性能似乎还可以提高更多。用户可以访问你的网站,并提出所有必要的HTTP请求来渲染页面、图像、脚本等。

当您使用过期标题时,您可以在用户的本地机器上缓存这些元素,不仅提高了它们的速度,还节省了您的带宽。过期标题可以用在你所有的脚本、CSS和图片上。

这可以通过向您的。网站根目录中的htaccess文件(如果没有,可以创建一个——使用文本编辑器并另存为。然后上传到你的根目录)。

        以下武汉悟空云互联网有限公司的工程师在2020年的某个时候为文件类型设置了一个很久以后过期的标题,例如。ico,pfd,flv(闪存源文件),jpg,png等。

 


以上就是作者为您整理的内容。更多讯息请关注武汉悟空云互联网有限公司

上一篇:保持网站访问者回来的方法 下一篇:没有了

[声明]本网整理的媒体稿件是为了分享更多的讯息。此类稿件不代表本网立场,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的某些内容侵犯了您的版权,请把您的相关内容发至此邮箱【wukongclouds@163.com】,我们在确认后,会立即删除,保证您的版权。