加入收藏 | 设为首页 | 会员中心 | 我要投稿 惠州站长网 (https://www.0752zz.com.cn/)- 办公协同、云通信、物联设备、操作系统、高性能计算!
当前位置: 首页 > 建站 > 正文

Web 性能优化:21种优化CSS和加快网站速度的方法

发布时间:2019-03-22 13:11:18 所属栏目:建站 来源:前端小智
导读:副标题#e# CSS 必须通过一个相对复杂的管道,就像 HTML 和 JavaScript一样,浏览器必须从服务器下载文件,然后进行解析并将其应用于DOM。由于优化程度极高,这个过程通常非常快对于不基于框架的小型 web 项目,CSS通常只占总资源消耗的一小部分。 框架打破

如果你希望将产品集成到 Node.JS 中,请访问 npmjs.com/package/yuicompressor 。维护不良的存储库包含一组包装器文件和JavaScript API。

  1. var compressor = require('yuicompressor'); 
  2.  compressor.compress('/path/to/ 
  3. file or String of JS', { 
  4.     //Compressor Options: 
  5.     charset: 'utf8', 
  6.     type: 'js', 
18. 保持 Sass 的检查

虽然 CSS 选择器的性能不像几年前那么重要(请参阅参考资料),但是像 Sass 这样的框架有时会产生非常复杂的代,不时查看输出文件,并考虑优化结果的方法。

19. 设置缓存

有句老话说,最快的文件永远不会通过网络发送。让浏览器缓存请求有效地实现这一点。遗憾的是,缓存头的设置必须在服务器上进行。充分上面讲的的两个 Chrome 工具,它们提供了一种快速分析更改结果的方法。

20. 打破缓存

设计人员通常不喜欢缓存,因为他们担心浏览器会缓存上次的样式表。解决这个问题的一个简单方法是包含带有文件名的标记。遗憾的是,由于一些代理拒绝缓存具有“动态”路径的文件,此步骤所附带的代码中概述的方案并不适用于所有地方。

  1. <Link rel="stylesheet" href="style.css?v=1.2.3"> 
21. 不要忘记基础知识

(编辑:惠州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读