a. 早期使用 gulp 合并 或者内嵌js，css， 现在用webpack。　　b. 使用浏览器缓存，http1.0 , http1.1 cache-control ETag, if-none-match. c. code split + 按需加载

如果你想成为一名优秀的java架构师，看这里 → 乐字节免费公开课如需要跟多资料请点击右侧 → 这是一条不归路，有秃头风险，请慎重选择！CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。CSS能够根据不同使用者的理解能力，简

CSS层叠样式表, 是一种用来表现HTML或XML等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。CSS是用来美化

大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。大家的支持是我创作的动力。important 此声明将覆盖任何其他声明，不建议使用，除非以下几种情况：。选择器上能缩写的命名就尽

如今我们所浏览的网站，除了基本的信息展示之外，大多数具有生动的动画、多样的布局、以及诱人的互动元素，多要归功于CSS创新技术的实现。通常，业界将CSS定义为一种提供有效外观的设计语言。它可以被用于格式化和描述以文档标记形式编写的外观。由于CSS可以与XUL

前端框架一般指用于简化网页设计的框架，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件。Web前端开发主要学习html、css、js、jquery等等，除了学习开发语言，还要为网站上提供的

加开页面首屏显示速度使我们前端一直在追求的目标，而css资源在这些优化中同样也是不可或缺的。一个网站可能有一部分css资源是必须的，他需要在页面渲染完之前就被加载完，并和html一起解析，这个暂时无法做手脚，但是我们可以把一些非关键的css进行异步化，也就

webpack打包的体积越小，对于部署应用的网站来说，性能越好，加载速度越快。在package.json的脚本中添加命令。上面的命令会在根目录下生成一个stats.json的打包统计信息文件。从上面配置信息可知，使用该插件，不需要再手动生成stats.js

一个网站在浏览器端是如何进行渲染的？遇到 link token tag，然后去请求 css ，请求过来之后再去对 css 进行解析，生成 CSSOM ，然后和 DOM 树进行结合形成 Render Tree 这样的渲染树。遇到 script tag ，然后

由上分析知道，@import url和@import url是最优的选择，兼容的浏览器最多。从字节优化的角度来看@import url最值得推荐。

使用缩写语句，如下面所示的 margin 声明，可以从根本上减小 CSS 文件的大小。在 google 上搜索 CSS Shorthand 可以找到许多其他的速记形式。删除不必要的部分 CSS，j显然会加快网页的加载速度。然后，选择Show Coverag

如果把JavaScript放在页面顶部，下载和解析JavaScript的时间里面，dom迟迟得不到解析和渲染，浏览器一直处于白屏，所以把JavaScript文件放在页面底部更有利于页面快速呈现。设置了defer的script外链文件，在下载js文件期间不会

Normalize.css只是一个很小的css文件，但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。总之，Normalize.css是一种CS

今年年初我离开了资讯公司并开始搭建GO2CINEMA 站——一个英国的猫眼电影。我做了一系列优秀的工作来让它更快更简单更安全。而我的习惯是，追求极致的渲染优化。你是否曾经瞄过一眼谷歌的页面代码，你第一件注意到的事就是CSS的选择器名不会超过一对单词的长度。

1、减少页面HTTP请求数量　　2、使用CDN(Content Delivery Network)网络加速　　3、添加文件过期或缓存头　　4、服务器开启gzip压缩　　5、css格式定义放置在文件头部　　6、Javascript脚本放在文件末尾　　7、避免

小写、短命名，同一前缀组合‘-’命名＜5;:focus-visible:键盘访问的聚焦:focus:not{outline:0}

实例淘宝等如何处理。他们是每天一个时间戳，这样每天的请求为最新的js等文件，

有时只设置3边的边框时候，我们可以技巧性减少代码量。假如我们不设置上边框，而其他3边为1px实现黑色边框。border:1px solid #000; 和border-top:none;前后顺序不能调换。因为CSS读取有从上到下、从左到右读取原理，而先设置

之前看过Yahoo团队写的一篇关于网站性能优化的文章，文章是2010年左右写的，虽然有点老，但是很多方面还是很有借鉴意义的。关于css的性能优化，他提到了如下几点：。现把样式表放到文档的< head />内部似乎会加快页面的下载速度。这是因为把

CSS雪碧图即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。CSS Sprites技术被国内一些人称为CSS雪碧图，其实就是把网页中一些背