网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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

时间: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请求要高。

前端开发之路--桌面前端优化的若干技巧(一)
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com