前端性能优化
关注
分享
扫一扫
起来改bug
这个作者很懒，什么都没留下…
展开
-
实现图片懒加载
图片懒加载就是当图片非常多，一屏无法完全显示的时候，我们就会把暂时看不到的图片，延时等滚轴滚动到时再进行加载，也算是一种性能优化，图片分开下载就是大幅度提高了首次加载页面的速度，例如就像一些电商网站的商品显示一样，下面我们就来实现一下图片的懒加载。 1.不使用懒加载 我们首先写出基本的html页面，代码如下如图所示： <!DOCTYPE html> <head> <style> img{原创 2022-05-30 22:28:46 · 622 阅读 · 0 评论 -
关于前端优化记录
1.如果在项目中有引入的本地图片，一定要去看看大小是否过大，我们需要去压缩一下图片文件的大小，会提升页面渲染的效率； 2.原创 2022-02-16 16:04:30 · 256 阅读 · 0 评论 -
前端性能优化
在工作学习中积累记录一些优化的方法 一.代码层面 1.循环 ①有一个等差数列求和 我们可能优先会想到for循环，如下： let arr = [1, 2, 3, ..., 100]; let sum = 0; for (let i = 0; i < arr.length; i++) { sum += arr[i] } console.log(sum); 上面有两种方式可以优化一下，比如arr.length，可以提前声明一下，因为每次求长度的动作计算机还是回去算一下，我们这样：le原创 2021-07-07 23:49:58 · 180 阅读 · 0 评论