浅谈打开网页速度慢的原因和解决方法

旧城等待， 2022-06-16 07:17 251阅读 0赞

1、原因一：http请求次数太多

解决：减少http请求次数

①　图片地图：把多张图片整合到一张图片中，以位置定位超链接。

②　CSS Sprites合并图片，通过指定CSS的backgroud-image和backgroud-position来显示元素。

③　合并JS脚本和CSS样式表。

④　使用外部JS和CSS文件。

2、原因二：接收数据时间过长，如下载资源过大

解决：对HTTP传输进行压缩，即在js，css、图片等资源已经压缩的基础上，在HTTP传输过程中的再次压缩。客户端可以通过Accept-Encoding头来声明浏览器支持的压缩方式，服务端通过Content-Encoding来启用压缩，配置压缩的文件类型，压缩方式。gzip使用无损压缩，压缩效果最佳，已经成为使用最为普遍、支持的浏览器最多的数据压缩格式。

3、原因三：JavaScript脚本过大，阻塞了页面的加载

解决：将JavaScript脚本放在</body>标签前。script没有async和defer时，JS文件将在下载后立即执行。这种情况下，script放在顶部会阻塞页面呈现，在网速慢的情况下会导致“白屏”，直到脚本下载完毕才继续呈现页面。因此，script放在底部可以让页面尽快呈现。

4、原因四：CSS、JavaScript、图片等需要重复加载

解决：静态资源统一放在一个静态域名上，减轻重复下载静态资源的负担。

5、原因五：cookie影响

解决：减小cookie的影响

①　去除没有必要的cookie，如果网页不需要cookie就完全禁掉。

②　将cookie的大小减到最小：减小HTTP请求报文的大小，提高响应速度。

③　设置合适的过期时间：cookie信息将存储到硬盘上，即使浏览器退出cookie还会存在，只要cookie未被清除且还在过期时间内，该cookie就会在访问对应域名时发送给服务器。

④　通过使用不同的domain减少cookie的使用：cookie在访问对应域名下的资源时都会通过HTTP请求发送到服务器，但在访问一些资源，如js，css和图片时，大多数情况下cookie是多余的，可以使用不同的domain来存储这些静态资源，这样访问这些资源时就不会发送多余的cookie，从而提高响应速度。

6、原因六：网页资源过多

解决：使用CDN部署网络以提高下载速度，可以先通过免费的CDN供应商来分发网页资源。

发表评论取消回复

表情：

评论列表（有 0 条评论，251人围观）

还没有评论，来说两句吧...

相关阅读

相关 MySQL查询速度慢：原因与解决方案

MySQL查询速度慢可能由以下几种原因导致，以及相应的解决方案： 1. **索引缺失或效率低**： - 解决方案：检查表结构，确保需要查询的列有适当的索引。例如，可以使

淩亂°似流年/ 2024年12月23日 06:42/ 0 赞/ 7 阅读

相关 MySQL查询速度慢：原因与解决方法

MySQL查询速度慢可能有多种原因，以下是一些常见的解决方案： 1. **索引问题**： - 若查询字段未建索引，需要创建。 - 使用EXPLAIN查看执行计划，

缺乏、安全感/ 2024年12月22日 13:51/ 0 赞/ 9 阅读

相关 MySQL查询速度慢：原因与解决方案

MySQL查询速度慢可能由以下几个原因导致，相应的解决方案也会提供： 1. 数据库表结构不合理： - 表中有大量重复数据，可以使用`DISTINCT`关键字或创建唯一索

r囧r小猫/ 2024年12月14日 20:06/ 0 赞/ 15 阅读

相关解决Navicat打开表的速度慢的问题

前言最近使用Navicat打开表或者设计表都很慢，需要等十几秒才能打开，一开始我以为是我电脑老了，配置比较差，慢点就慢点吧，好像慢的也比较合理，想到这里我也就没有追究先

分手后的思念是犯贱/ 2023年09月23日 20:14/ 0 赞/ 55 阅读

相关解决MAC上网速度慢的原因

参考：[https://blog.csdn.net/u014544346/article/details/51347285][https_blog.csdn.net_u0145

r囧r小猫/ 2023年02月26日 09:27/ 0 赞/ 28 阅读

相关 Word打开和关闭速度均很慢的解决方法

问：Word打开和关闭速度均很慢的解决方法？答：进入C:\\\\Documents and Settings\\\\Administrator\\\\Applicatio

痛定思痛。/ 2022年08月22日 06:15/ 0 赞/ 578 阅读

相关浅谈打开网页速度慢的原因和解决方法

1、原因一：http请求次数太多解决：减少http请求次数 ①　图片地图：把多张图片整合到一张图片中，以位置定位超链接。 ②　CSS Sprites合并图片，通过指定C

旧城等待，/ 2022年06月16日 07:17/ 0 赞/ 252 阅读

相关网站打开速度优化：如何提高网页加载速度，提升网页打开速度

1. 网站需要一个稳定的服务器或者虚拟机，可以到一些idc评测网去找一家实力较强的idc来购买，具体的搜索“idc评测”。 2. 页面数据调用（数据库查询）方面原因，程序尽量

ゝ一纸荒年。/ 2022年06月06日 00:48/ 0 赞/ 367 阅读

相关 Github访问速度慢和下载慢的解决方法

原因 > 为什么访问速度慢、下载慢？github的CDN被某墙屏了，由于网络代理商的原因，所以访问下载很慢。Ping github.com 时，速度只有300多ms。

布满荆棘的人生/ 2022年05月22日 03:54/ 0 赞/ 329 阅读

相关网站打开速度慢？如何优化网站打开速度？

网站打开速度慢？如何优化网站打开速度？学习了网站打开速度慢？影响网站打开速度的因素有哪些？以后，今天我们就来如何优化网站打开速度。 1.前端优化前端的性能对于一个...

朱雀/ 2021年05月31日 11:34/ 0 赞/ 673 阅读