在网页制作或者浏览时怎样提升网页的加载性能

2022-06-11    分类: 网站建设

创新互联给你列举一些在网页制作或者浏览师怎样提升网页的加载性能的方法。

尽量减少HTTP请求

80%的用户响应时刻用于前端。这个时间段,大多数是绑在下载页面中的一切组件:图画,样式表,脚本,Flash等削减元件数量,从而削减了所需的HTTP恳求的数量出现页面。这是更快的页面的要害。一种办法来削减元件的页码是简化页面的规划。但有没有办法建造有更丰厚的内容页面,一起也获得迅速的反应时刻?以下是削减HTTP恳求数量的一些技巧,一起还支撑丰厚的页面规划。联合文件 是一种办法,以削减脚本数目单一的HTTP恳求的脚本将联系一切,同样一切的CSS款式单相联系成一个。联系文件是更具挑战性的脚本和样式表时,从一页一页地不同,但使这一进程的一有些,你的开释进步呼应时间。CSS的精灵 ,是选的办法对图画的请求的数目削减。联系您的单一图画布景图画分为A,使用CSS 布景图画和布景位置特点,以显现所需的图画有些。

  1. 一个图像映射多个图像合并成一个。总规模大致相同,但在HTTP请求的数量减少了页面的速度。
  2. 使用数据的内联图像:网址计划实际的Web研究数据嵌入在图像中。它可以增加你的HTML文件的大小,结合)内置的图像到你的风格(缓存是一种方法,以减少HTTP请求,并避免扩大你的网页。嵌入式图像不支持所有主要浏览器。
  3. 减少你的HTTP请求的页面数是开始的地方。

大多数开开发者通过JavaScript和图像优化,通过服务器配置,压缩文件和合并,甚至调整CSS(合并小图片)。
理想情况下,你应该安装火狐浏览器。你也应该大致了解网络发展。这篇文章的主题涉及并不复杂,但是如果你了解超文本标记语言(超文本标记语言,HTML、层叠样式表(CSS(层叠样式表,CSS)以及编程语言,如主题,因此本研究将更容易。不需要使用一个集成开发环境(IDE),只是使用你喜欢的编辑器。

HTML是越来越大。排名前100的网站每个HTML页面是40 K左右,亚马逊和雅虎的HTML页面使用千个。在Youtube的主页,html元素高达3500个。为了减少复杂性和HTML页面不明显增加元素分析时间-但HTML是建立网页的数量和速度,适应不同的设备和影响的关键成功因素。方法不仅是一种书写HTML代码。这里只是一个共同的经验,但不是唯一正确的选择。

HTML, CSS 和 JavaScript

  1. HTML是一种标记语言,用于表示结构和内容。
  2. HTML不应该用来显示样式和样式。不要出现为了“大”把文字写在标题标签(H1到H6的话),或者只是为了使用引用元素的压痕。相反,使用CSS来改变外观和布局元素。
  3. HTML元素的默认外观是由浏览器的默认样式实现:Firefox,Internet Explorer和戏曲是不同的。在Chrome中,例如,默认H1元素32页大小。

三个基本原则

  1. CSS使用HTML来表示结构,用于显示不同的风格和主题。JavaScript来响应用户的行为。
  2. 使用HTML,如有必要,CSS的帮助下,当没有添加JavaScript。例如,在许多情况下,您可以使用HTML表单验证您使用CSS或SVG实现动画。
  3. 从你的HTML代码单独的CSS和JavaScript。让他们能够缓存,这使得代码更易于调试。在生产中,可以压缩CSS和JavaScript,并且应该被用作构建系统的一部分。注意*看到JavaScript(编译)竞争系统的建设


不超载布局

在博客(和新网站)出现之前,这样页面滚动的水平或垂直滚动被认为是不好的做法。页面越小,越困难(但不是不可能)填充屏幕状况良好。现在,博客和内容驱动的网站,不时看到几百Kb的页面大小。是的,你需要填入更多的空间,但这并不意味着你必须使用一个大的背景图片,大量的表,或大量的内容填写。遵循简单的原则:少即是多。页充满了各种类型的图片、视频、广告等,这是与实用性的原则,因此,当添加页面的内容请三思。

检查使用cookie的情况

cookie 可能是很小的文件,但是浏览器仍然需要下载它们。大的cookie需要下载时间,从而增加浏览器加载页面的时间。由于这个原因,它是非常重要的最小化浏览器的响应时间因素。

压缩和缩小JavaScript文件

JavaScript文件可以是非常大的,这意味着在某些情况下,他们的下载时间可能超过所有其他组件的下载时间还长。解决这个问题的一个方法是压缩JavaScript文件。您可以使用邮政GNU(gzip)来完成这项任务,因为很多浏览器都支持这种压缩算法。另一个替代方法是缩小文件。这种方法删除所有不必要的字符代码,如制表符、空格和换行(选项卡)。删除代码中的注释和空白,进一步减少文件的大小。外部和内部样式表可以减少。两个最受欢迎的是一和压缩机YUI缩小工具

代理缓存

当浏览器通过代理来发送请求时,情况会不一样。假设针对某个URL发送到代理的第一个请求来自于一个不支持gzip的浏览器。这是代理的第一个请求,缓存为空。代理将请求转发给服务器。此时响应是未压缩的,代理缓存同时发送给浏览器。现在,假设到达代理的请求是同一个url,来自于一个支持gzip的浏览器。代理会使用缓存中未压缩的内容进行响应,从而失去了压缩的机会。相反,如果第一个浏览器支持gzip,第二个不支持,你们代理缓存中的压缩版本将会提供给后续的浏览器,而不管它们是否支持gzip。

解决办法:在web服务器的响应中添加vary头Web服务器可以告诉代理根据一个或多个请求头来改变缓存的响应。因为压缩的决定是基于Accept-Encoding请求头的,因此需要在vary响应头中包含Accept-Encoding。

以上内容就是创新互联对,“在网页制作或者浏览时怎样提升网页的加载性能”回答的内容。找上海网站建设服务,可直接联系创新互联客服。

文章题目:在网页制作或者浏览时怎样提升网页的加载性能
网页地址:/news32/166182.html

成都网站建设公司_创新互联,为您提供响应式网站移动网站建设定制开发星空体育app最新版本(2024已更新)建站公司动态网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

小程序开发