如何最小化http请求以缩短加载时间(minimize http requests to improve load times)
HTTP请求是浏览器要求查看页面的方式。在浏览器中加载网页时，浏览器会向web服务器发送URL中该网页的HTTP请求。然后，在交付HTML时，浏览器将对其进行解析，并查找对图像、脚本、CSS、Flash等的其他请求。
每次它看到对新元素的请求时，都会向服务器发送另一个HTTP请求。页面上的图像、脚本、CSS、Flash等越多，请求越多，页面加载速度越慢。减少页面上HTTP请求数量的最简单方法是不要使用很多（或任何）图像、脚本、CSS、Flash等，但是仅仅是文本的页面很无聊。
如何在不破坏设计的情况下减少http请求
幸运的是，有几种方法可以减少HTTP请求的数量，同时保持高质量、丰富的web设计。
- 合并文件–使用外部样式表和脚本对于避免页面加载时间陷入困境非常重要，但不要有多个CSS和一个脚本文件。
- 使用CSS精灵–当您将大部分或所有图像组合成一个精灵时，您可以将多个图像请求转换为一个。然后，您只需使用背景图像CSS属性来显示所需图像的部分。
- 图像映射–图像映射不像以前那样流行，但是当您有连续的图像时，它们可以将多个HTTP图像请求减少到一个。
使用缓存来缩短内部页面加载时间
通过使用CSS精灵和组合的CSS和脚本文件，还可以缩短内部页面的加载时间。例如，如果您有一个包含内部页面和登录页面元素的sprite图像，那么当您的读者转到这些内部页面时，该图像已经下载并在缓存中。因此，他们也不需要HTTP请求将这些图像加载到您的内部页面上。
- 发表于 2021-09-08 04:21
- 阅读 ( 159 )
- 分类：数学
你可能感兴趣的文章
如何让python和javascript使用json进行通信
... #!flask/bin/pythonimport sysfrom flask import Flask, render_template, request, redirect, Resp***eimport random, jsonapp = Flask(__name__)@app.route('/')def output():# serve index templatereturn render_template('index.html', name='Joe')@app.route('/receiver', methods = ['POST'])def worker():# re...
什么是http/2？它如何影响互联网的未来？
... "It also allows prioritization of requests, letting more important requests complete more quickly, further improving performance." ...
7种让你的网站或博客更快地为访问者加载的方法
...的页面加载时间、大小和第一字节时间（TTFB），那么您如何知道自己的目标呢？ ...
什么是hsts，它如何保护https免受黑客攻击？
... 什么是HSTS，它如何帮助您的网站保持安全？ ...
502 http状态码错误是什么？如何修复？
... 阅读更多：如何在Chrome中清除Cookies和缓存 ...
用这个漂亮的python教程浏览一个网站
... 要使该库可用于scraper，请通过终端运行pip install requests命令。 ...
如何在mozilla firefox中打开https模式
...在Firefox加载HTTP页面之前，您必须提供显式权限。下面是如何启用此选项。 相关：什么是HTTPS，我为什么要关心？ 如何在firefox中启用https-only模式首先，打开firefox并在任何firefox窗口中单击hamburger按钮（三条横线）。在弹出的菜...
如何确定程序启动时完全加载所需的时间？
...你的电脑，让它永远无法完全加载那样让人沮丧，那么你如何找出哪些程序让一切都变慢了呢？有了这个目标，今天的超级用户问答帖子为好奇的读者提供了一个简单的解决方案。 今天的问答环节是由SuperUser提供的，SuperUser是St...
web服务器是否每个服务器只包含一个网站？
...了答案： Basically, the browser includes the domain name in the HTTP request so the web server knows which domain was requested and can respond accordingly. HTTP Requests Here is how your typical HTTP request happens: 1. The user provides a URL, in the form http://host:port/path. 2. The browser ...
为什么选择80作为默认http端口，选择443作为默认https端口？
...s filled. It is most likely that the numbers were simply given in order of request. 有什么要补充的解释吗？在评论中发出声音。想从其他精通技术的Stack Exchange用户那里了解更多答案吗？在这里查看完整的讨论主题。
0 篇文章
