[已解决]外联css文件是被整个下载到手机/pc上的吗？

blackantt

假设网页的外联css文件很大，但网页中只用到其中的1行，每次浏览器会全下载css文件到本地吗？  还是server只抽取跟网页相关的一行css给终端？

最佳答案

月排行榜 / 总排行榜

isdkz

2023-3-3 10:27:02

网页的外联css文件是一个单独的文件，它通过<link>标签链接到HTML文件中。

浏览器在加载网页时，会下载整个css文件到本地缓存中，然后根据网页中的元素选择器应用相应的样式。

也就是说，浏览器不会只抽取跟网页相关的一行css给终端，而是会全下载css文件到本地。

如果你想优化网页的加载速度和性能，你可以考虑以下几种方法：

1、压缩css文件，去掉多余的空格、注释等。
2、合并多个css文件为一个文件，减少HTTP请求次数。
3、使用CDN（内容分发网络）来加速css文件的传输。
4、使用媒体查询（media query）来根据不同的设备和屏幕尺寸加载不同的css文件。

跳转到最佳答案楼层

wp231957

整个文件  猜测是

isdkz

网页的外联css文件是一个单独的文件，它通过<link>标签链接到HTML文件中。

浏览器在加载网页时，会下载整个css文件到本地缓存中，然后根据网页中的元素选择器应用相应的样式。

也就是说，浏览器不会只抽取跟网页相关的一行css给终端，而是会全下载css文件到本地。

如果你想优化网页的加载速度和性能，你可以考虑以下几种方法：

1、压缩css文件，去掉多余的空格、注释等。
2、合并多个css文件为一个文件，减少HTTP请求次数。
3、使用CDN（内容分发网络）来加速css文件的传输。
4、使用媒体查询（media query）来根据不同的设备和屏幕尺寸加载不同的css文件。