前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >雅虎军规第二天

雅虎军规第二天

作者头像
wade
发布2020-04-24 10:59:19
4000
发布2020-04-24 10:59:19
举报
文章被收录于专栏:coding个人笔记coding个人笔记

上次说了雅虎军规的内容部分,今天说一下css的部分优化

1、 避免使用css表达式

我们都知道css是可以用表达式设置的,虽然有时候很好用,但是不可否认比较耗费性能,而且ie8之后已经不列入标准了。

2、 使用link少用import

Css的引入是可以用link和import的,这样说吧,link是所有浏览器都兼任的,import也许在老式浏览器不兼容,还有,@import会使得CSS整体载入时间变长.并且在IE中会导致文件下载次序被更改,例如放置在@import后面的script文件会在CSS之前被下载.,尤其是在网速慢的情况下更是严重。

3、 避免使用滤镜

因为没有做过,所以不知道这个是干嘛的。

4、 把css放在最顶部引入

这点我相信所有人都知道,放在head里面可以让页面更快的加载和显示样式,提高用户体验。

Css的就这么多另外还有JavaScript和css的

1、 把JavaScript和css放到外面

开发的时候,有时候觉得方便就把样式和脚本写在当前页面,这其实是不好的,因为JavaScript和css会被缓存在浏览器,而写在HTML里面的每次都会重新加载。虽然第一次的时候增加了HTTP请求,但是之后不但没有增加HTTP请求,还减小了HTML的大小。

2、 压缩JavaScript和css

这点就不用多说了吧,不管是jQuery还是什么js脚本,一般都会有压缩版本和没有压缩的版本,一般我们都是用压缩的.min的版本。因为压缩了,需要加载的文件变小了,自然就提升性能了。

(完)

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-06-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 coding个人笔记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
文件存储
文件存储(Cloud File Storage,CFS)为您提供安全可靠、可扩展的共享文件存储服务。文件存储可与腾讯云服务器、容器服务、批量计算等服务搭配使用,为多个计算节点提供容量和性能可弹性扩展的高性能共享存储。腾讯云文件存储的管理界面简单、易使用,可实现对现有应用的无缝集成;按实际用量付费,为您节约成本,简化 IT 运维工作。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档