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

 时间:2024-10-15 01:34:21

1、减少HTTP的请求次数。在前端,入奚戢瘟尽量将需要加载的资源进行整合,例如图标,素材图片等进行Sprite化,将多张小图整合到一张图中,或者直接将小图标转base64缓存到页面文件中,这样,可以减少http的请求次数。

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

2、压缩HTTP请求的资源体积,减少加载时间。对JS,CSS文件可以进行混淆压缩,去除多余的空格和换行,虽然不便于人去阅读,但是这些对于浏览器的解析是没有影响的。

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

3、将CSS,JavaScript放到合适的位置。如果内容量不多,既可以选择外部引入机制,也可以选择通过styl髫潋啜缅e标签和script标签来写在页面里,但如果是遇到业务逻辑较多,代码量较复杂的,还是推荐外部引入机制,将内容分离。

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

4、避免src,href属性赋空值。每当使用到元素的src属性或者href属性的时候,都会在浏览器解析时触发请求机制,所以如果这些属性赋值为空,就造成了不必要的空转,增加了加载时间,所以不太推荐这样使用。

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

5、使用CDN加速。条件允许的话,可以使用CDN分发包加速,将一些加载时用到的静态资源做优化,还可以减轻对服务器的带宽访问压力。

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

6、使用GET请求。在异步请求一些非敏感数据的时候,可以使用GET请求来获取数据,GET请求从服务端拉取数据的效率要比post请求要高。

前端开发之路--桌面前端优化的若干技巧(一)
  • 新机器解包之后无法使用sysprep.exe重新封包
  • 如何使用dbForge清理数据库缓存
  • WPF 实时界面刷新方法
  • 如何设置组策略禁止指定程序运行?
  • MBR引导下Win7和CentOS7环境配置
  • 热门搜索
    看病人送什么水果 运动会加油稿150字 手癣用什么药 学院和大学有什么区别 灵芝孢子粉的功效作用 我运动我快乐手抄报 玩物丧志什么意思 小建中汤的功效与作用 增高运动 马杀鸡什么意思