资讯专栏INFORMATION COLUMN

浅谈前端优化的几个思路

heartFollower / 2562人阅读

摘要:浅谈前端优化的几个思路雪碧图页面中如果有很多图片小图标这样会有很多请求一个图就是一个请求建立连接进行三次握手这些都是耗费时间的如果页面很多可以考虑用精灵汽水雪碧也是这个单词技术做一张雪碧图将请求多个变成一次请求可以用来配置实现懒加载如果页面

浅谈前端优化的几个思路

https://ltoddy.github.io

雪碧图

页面中如果有很多图片、icon(小图标),这样会有很多HTTP请求,一个图就是一个HTTP请求,建立TCP连接进行三次握手,这些都是耗费时间的.如果页面icon很多,可以考虑用css spirit(精灵,汽水雪碧也是这个单词)技术做一张雪碧图,将请求多个icon变成一次HTTP请求.(可以用webpack来配置实现)

lazy load (懒加载)

如果页面内容多,页面长度长的话,可以考虑懒加载,先加载页面最上面的内容,然后滑动到哪加载到哪.

CDN

这个是一个很大的关键,在公司静态资源肯定是走CDN服务的,什么是CDN呢,比如,你去网络请求一个资源,你在北京,而资源在南京,
中途很远,要经过很多个路由器(转发请求),这样会占用很多时间.所以可以用CDN服务,简单来说CDN就是在各个地区布置节点,
缓存你的资源,这样你就可以就近的拿到你要的资源了.

webpack配置

听说大公司都有专门写webpack配置文件的岗位,webpack如果配置的好,也可以提高很多速度(比如可以把你的js文件压缩的更小).

前端拦截

前端也是可以做数据娇艳以及重定向这样的事情,能前端决策的一定要决策,因为比如重定向在前端做了,这样就不需要访问后端,也可以减小服务器的压力.

最后一点,代码质量

我前端框架用的是react,要多多关注react生命周期,等等很多方面.

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94591.html

相关文章

  • 浅谈前端优化几个思路

    摘要:浅谈前端优化的几个思路雪碧图页面中如果有很多图片小图标这样会有很多请求一个图就是一个请求建立连接进行三次握手这些都是耗费时间的如果页面很多可以考虑用精灵汽水雪碧也是这个单词技术做一张雪碧图将请求多个变成一次请求可以用来配置实现懒加载如果页面 浅谈前端优化的几个思路 https://ltoddy.github.io 雪碧图 页面中如果有很多图片、icon(小图标),这样会有很多HTTP请...

    darry 评论0 收藏0
  • 浅谈前端优化几个思路

    摘要:浅谈前端优化的几个思路雪碧图页面中如果有很多图片小图标这样会有很多请求一个图就是一个请求建立连接进行三次握手这些都是耗费时间的如果页面很多可以考虑用精灵汽水雪碧也是这个单词技术做一张雪碧图将请求多个变成一次请求可以用来配置实现懒加载如果页面 浅谈前端优化的几个思路 https://ltoddy.github.io 雪碧图 页面中如果有很多图片、icon(小图标),这样会有很多HTTP请...

    Labradors 评论0 收藏0
  • 浅谈java中的并发控制

    摘要:并发需要解决的问题功能性问题线程同步面临两个问题,想象下有两个线程在协作工作完成某项任务。锁可用于规定一个临界区,同一时间临界区内仅能由一个线程访问。并发的数据结构线程安全的容器,如等。 并发指在宏观上的同一时间内同时执行多个任务。为了满足这一需求,现代的操作系统都抽象出 线程 的概念,供上层应用使用。 这篇博文不打算详细展开分析,而是对java并发中的概念和工具做一个梳理。沿着并发模...

    Gilbertat 评论0 收藏0
  • 浅谈支撑起支付宝整个“11-11”的幕后功臣OceanBase数据库

    摘要:简介本文首发公众号一名打字员据悉,年的月份,蚂蚁金服已经宣布,蚂蚁金服及阿里巴巴自研的关系型数据库已经支撑起和淘宝的日常业务需求,成功替换了之前所采用的单机数据库如或者开源的。 简介 Tip:本文首发公众号【一名打字员】 据悉,17年的4月份,蚂蚁金服已经宣布,蚂蚁金服及阿里巴巴自研的关系型数据库OceanBase已经支撑起Tmall和淘宝的日常业务需求,成功替换了之前所采用的单机数据...

    Cristalven 评论0 收藏0
  • 浅谈支撑起支付宝整个“11-11”的幕后功臣OceanBase数据库

    摘要:简介本文首发公众号一名打字员据悉,年的月份,蚂蚁金服已经宣布,蚂蚁金服及阿里巴巴自研的关系型数据库已经支撑起和淘宝的日常业务需求,成功替换了之前所采用的单机数据库如或者开源的。 简介 Tip:本文首发公众号【一名打字员】 据悉,17年的4月份,蚂蚁金服已经宣布,蚂蚁金服及阿里巴巴自研的关系型数据库OceanBase已经支撑起Tmall和淘宝的日常业务需求,成功替换了之前所采用的单机数据...

    dinfer 评论0 收藏0

发表评论

0条评论

heartFollower

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<