前端性能优化

一、图片懒加载、复杂资源点击时再请求

(防止有的人进来一下就离开网站了,一次性加载出来造成资源浪费)
两者原理相同,都是等到需要用资源的时候再请求,这样可降低用户初次进来时的等待时间,在一定程度上也降低了服务器的负载。

二、图片响应式加载

实例:课程列表页用小图,点进去,详情页视频播放的封面用大图。
图片响应式加载,就是根据不同的显示情况,在不影响显示效果的情况下,去加载最小的资源,以提高用户的访问速度。

三、静态资源使用CDN加速

CDN(内容分发网络),是构建在现有网络基础上的智能虚拟网络,依靠部署在各地的服务器,通过中心平台的负载均衡、内容分发调度等,使用户就近获取所需的资源,提高用户访问的响应速度。

四、apache服务器开启gzip压缩

在apache配置文件httpd.conf中,开启mod_deflate和mod_headers模块,并且在这个配置文件的最后面加上deflate_module等相关代码

五、雪碧图

六、浏览器缓存(强缓存、协商缓存)

原文地址:https://www.cnblogs.com/maizilili/p/12877425.html