内部与外部CSS

前端之家收集整理的这篇文章主要介绍了内部与外部CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
内部vs外部CSS的优点和缺点,思考速度,请求,缓存等.我个人不知道动态页面上的内部CSS是否会缓存?

解决方法

内部CSS优点:
– 更快的下载:请记住,您将有一个额外的HTTP请求每个外部样式表

外部CSS优点:
– 网站在其所有网页上都有通用的“主题”.您可以在外部文件分享所有这些常见样式,并通过一个下载获得可在多个页面中使用的所需样式:节省下载时间
– 您还可以缓存外部样式并设置适当的到期日期.

反对内部CSS的一件事是,它可以增加html的下载大小.

最佳方法
– 根据哪些样式在差异页面中使用内部外部样式的混合
– 确保在外部样式上设置到期设置并缓存它们.

与缓存到期设置相结合的优点:
网络应用程序的“外观”受以下内容的约束:

您通常希望在所有页面上保持相同的“感觉”
>内容比样式更容易发生变化

如果将样式放在外部CSS文件中,并设置缓存到期为1个月,则在此期间,所有用户都将拥有非常低的“开始”延迟,因为只有已更改的内容将被下载:样式将从您的浏览器缓存.浏览器将在有效期到达之后首次有人尝试访问您的页面自动刷新.

猜你在找的CSS相关文章