javascript - 为什么行内样式会影响性能
伊谢尔伦
伊谢尔伦 2017-04-11 12:55:25
[JavaScript讨论组]

看前端性能优化的时候,看到有一点

避免过多(如果可以完全避免的话最好)的行内样式,即style,因为这会增加下载页面内容的大小

虽然平时也很少用,因为不好维护。但是没想过会有性能问题,不能理解。
如果一些样式是必须的,就算不写成行内样式,写在CSS文件引入,这样也还是要下载CSS,那对性能有什么影响呢?

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(3)
阿神

如果是单独、极特殊的样式写在行内不会增加网站整体的大小,如果是可重复利用的样式就会增加整体的大小

还有就是楼上说的 CSS 文件可以本地缓存,还可以使用条件请求,减少数据传输量

大家讲道理

单独的 css 文件可以缓存。

阿神

这个问题说白了就是减少http请求数量和缩小请求文件大小的问题,样式还是单独拿出来比较好,易于维护,目前个人在做项目时,一般利用gulp处理csswebpack处理js。最好的方式是将DOM TreeCss Tree分开来.

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号