网页的优化问题.怎样避免CSS样式表重复下载

html-css010

网页的优化问题.怎样避免CSS样式表重复下载,第1张

可以把大的CSS裁开啊

例如

INDEX.HTML INDEX.ASP INDEX1.ASP

调用 公共.CSS INDEX.CSS

SOFT.HTM SOFT.ASP ..

调用 公共.CSS SOFT.CSS

把公共的文本样式集中到一个CSS

再把单个或一个类型的文件的DIV样式等集中到一个CSS里

如果还想进一步优化

不需要反复更新调用的小类可以用self方式调用

解决办法一:每次修改js或css文件后,都要手工修改那个版本号,注意:是每修改一次(哪怕仅仅是改了一个字符)都要修改版本号;

解决办法二:如果嫌手工修改太麻烦,那可以通过程序来自动修改(用随机数做版本号)。如果你的网站是动态的,那可以通过后台程序来改,比如ASP的:

<link rel="stylesheet" href="static/mimi/css/main.css?v=<%=rnd()%>" type="text/css"/>

PHP的:

<link rel="stylesheet" href="static/mimi/css/main.css?v=<?php echo mt_rand()?>" type="text/css"/>

如果是静态网站那就要js脚本来实现了,这个稍微麻烦点,这里就不说了。

其实上述方法一和方法二的目的都是为了使每次打开的js或css的url不同,这样浏览器就不会去缓存区取数据,而是直接到网站下载。

如果上述方法仍然无效,那就是你的浏览器的缓存机制存在问题,比如“从不检查网页的新版本,除非手动刷新”,这个就要你自己去设置了。