首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端性能优化
订阅
首屏加载时间 老生常谈话题,有时间我真去优化优化
用户5227483737652
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
骨架屏(page-skeleton-webpack-plugin)初探
最近频频看到了骨架屏这个词,其实在这之前鲜少听过骨架屏这个词。只是平时在浏览网站时,会经常看到某个页面在尚未获取到真正数据时展示的一些占位图形。 那实际上这个就是前面所描述的骨架屏,即在页面数据尚未加载前先给用户展示出页面的大致结构,在获取到数据以后在具体展示页面的内容。那骨架…
我也来实现一个实现骨架屏
前沿 最近在学webpack,想实操又不知道做什么,突然发现了骨架屏也能用webpack实现,赶紧看了实现原理,也打算实现一次。 什么是骨架屏 骨架屏是页面的一个空白版本,通常会在页面完全渲染之前,通
Vue首屏加载白屏问题及解决方案
首先说一下首页加载为什么会白屏? 先说下 SPA 单页面的加载过程 首先就是 html ,也就是 FP 阶段 然后是静态资源css,js,之后解析js,生成HTML,也就是 FCP 阶段,css,js
写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
所有的性能优化都围绕着两大层面两小层面实现,核心层面是网络层面和渲染层面,辅助层面是时间层面和体积层面,而辅助层面则充满在核心层面里,笔者通过本文整理出关于前端性能优化的九大策略和六大指标
前端性能优化指标 + 检测工具
web性能说白了就是网站打开速度快不快,页面中的动画够不够流畅,表单提交的速度是否快,列表滚动页面切换是否卡顿。性能优化就是让网站变得快。 在MDN上对web性能的定义是网站或应用程序的客观度量和可感
Webpack项目优化之CDN加速、Gzip压缩和SplitChunks拆分
这里以vue项目为例,配置包括但不限于vue项目。其他项目按类似逻辑配置基本一样。 分析:通过把类似 echart、element-ui、lodash 等第三方依赖库单独提取出,从而减小打包的体积大小,关键属性 externals 配置后的依赖插件不会被打包进 chunk 。而…
Vue cli 配置CDN及Gzip
在Vue项目中,为了提升性能缩短首页的白屏时间(更具体的白屏时间可查看Web 性能优化-首屏和白屏时间),我们可以通过将公共库采用CDN引入的方式以及将资源文件压缩的方式。 不过由于 Gzip 压缩只有2个文件,所以 2 和 3 的差异不是很明显,不过也可以体验我的博客: ht…
我是如何让公司后台管理系统焕然一新的(上) -性能优化
马上到了金三银四的时间,很多公司开启了今年第一轮招聘的热潮,虽说今年是互联网的寒冬,但是只要对技术始终抱有热情以及有过硬的实力,即使是寒冬也不会阻挠你前进的步伐。在面试的时候,往往在二面,三面的时面试官会结合你的简历问一些关于你简历上项目的问题,而以下这个问题在很多时候都会被问…
从 8 道面试题看浏览器渲染过程与性能优化
移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。 首屏作为直面用户的…
Vue Webpack 打包优化——路由懒加载(按需加载)原理讲解及使用方法说明
前言 为什么需要vue懒加载(按需加载)? 学习Vue的时候,各类教程都会告诉我们:Vue的特点是SPA - Single Page Application(单页面应用程序)。 像vue这种单页面应用