当前位置: 首页 > Web前端 > HTML5

关于前端优化的几点想法

时间:2023-04-05 17:13:43 HTML5

浅谈关于前端优化的一些想法https://ltoddy.github.iosprite页面中如果有很多图片和图标(小图标),就会有很多HTTPrequests,一张图片就是一个HTTP请求。三次握手建立TCP连接需要时间。如果页面上的图标比较多,可以考虑使用cssspirit(小精灵,苏打雪碧也是这个词)技术做一个sprite图片,请求更多的图标就变成HTTP请求了。(可以通过webpack配置实现)懒加载(lazyloading)如果页面内容较大,页面长度较长,可以考虑采用懒加载,先加载页面顶部的内容,然后滑动到哪里去加载去哪里。CDN是一个很大的关键。公司内的静态资源必须由CDN提供服务。什么是CDN?比如你去网上申请一个资源,你在北京,资源在南京。经过许多路由器(转发请求)需要花费大量时间。所以你可以使用CDN服务。简单的说,CDN就是在各个区域安排节点,缓存你的资源,让你就近获取你想要的资源。是的。webpack配置听说大公司都有写webpack配置文件的帖子。如果webpack配置得好,它还可以提高很多速度(例如,它可以将你的js文件压缩得更小)。前端拦截前端也可以做数据。像美化和重定向这样的事情,能在前端做决定的一定要做决定,因为比如重定向是在前端做的,这样就不需要访问后端,也可以减少服务器的压力。最后一点是代码质量。我的前端框架用到的最重要的是react,所以我们要多关注react的生命周期,等等很多方面。