栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

减小Javascript和CSS文件大小的最佳方法是什么?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

减小Javascript和CSS文件大小的最佳方法是什么?

除了使用服务器端压缩外,使用智能编码是保持较低带宽成本的最佳方法。您始终可以使用Dean Edward的Javascript
Packer之类的工具,但是对于CSS,请花一些时间学习CSS
Shorthand。例如使用:

background: #fff url(image.gif) no-repeat top left;

…代替:

background-color: #fff;background-image: url(image.gif);background-repeat: no-repeat;background-position: top left;

另外,请使用CSS的级联性质。例如,如果您知道您的站点将使用一个字体家族,则对body标记中的所有元素进行定义,如下所示:

body{font-family:arial;}

可以帮助您解决的另一件事是将CSS和Javascript作为文件而不是内联或放在每个页面的开头。这样,您的服务器只需将它们提供给浏览器一次,之后浏览器就会从缓存中移出。

包括Javascript

<script type="text/javascript" src="/scripts/loginChecker.js"></script>

包括CSS

<link rel="stylesheet" href="/css/myStyle.css" type="text/css" media="All" />


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/506685.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号