前端开发之路--桌面前端优化的若干技巧(二)

 时间:2024-10-15 01:44:40

1、缩小favicon.ico并缓存。有利于favicon.ico的重复加载,因为一般一个Web应用的favicon.ico是很少改变的。favicon.ico就是当前页面的小图标。

前端开发之路--桌面前端优化的若干技巧(二)

2、避免使用CSS import引用加载CSS。CSS中的@import可以从另一个样式文件中引入样式,但应该避免这种用法,导入式会在整个樘论罪朋网页装载完后再装载CSS文件,因此这就导致了一个问题,如果网页比较大则会儿出现先显示无样式的页面,闪烁一下之后,再出现网页的样式。大大延后CSS渲染完成的时间,这是导入式固有的一个缺陷。所以不推荐使用。

前端开发之路--桌面前端优化的若干技巧(二)

4、JavaScript资源引用放到HTML文件底部。因为亭盍誓叭JS文件加载是要阻塞加载的,放在顶部的话会导致页面空转的,所以放在页面的底部进行加载,先优先ht罪焐芡拂ml和css加载后渲染页面,然后再去加载JavaScript脚本。

前端开发之路--桌面前端优化的若干技巧(二)

6、避免使用CSS表达式或CSS滤镜。对于CSS样式的使用,首先避免样式的深度嵌套,然后尽量不使用一些CSS的函数,因为性能不太好,会增加加载的时间,对用户的体验不好。

前端开发之路--桌面前端优化的若干技巧(二)
  • 前端开发之路--桌面前端优化的若干技巧(一)
  • 前端开发之路--关于CSS的若干个小技巧(二)
  • 前端开发之路--关于JS代码的若干个小技巧(二)
  • 前端开发之路--关于CSS的若干个小技巧(四)
  • 前端开发之路:JavaScript的若干简化写法(一)
  • 热门搜索
    南京旅游景点介绍 旅游交友 如何去除雀斑 如何泡妞 血常规检查结果怎么看 怎么把图片尺寸变小 如何养好发财树 怎么用番号下载 宝骏610怎么样 如何制作封面