实战 \让你页面速度飞起来 Web前端性能优化

让你页面速度飞起来 Web前端性能优化

难度 中级
时长 12小时
学习人数 292
10.0分
¥ 188.00

让你页面速度飞起来 Web前端性能优化

让你页面速度飞起来 Web前端性能优化
从构建、浏览器渲染、缓存、PWA、服务端优化等多方面,梳理前端性能优化的技术点、综合分析技术的原理,根据不同的业务场景选择合适的性能优化点进行应用,最终为你的网站带来显著的速度提升和整体性能提升。

100%前端开发者最想解决的网页加载问题

几乎所有的开发者都会面临着开发的网站存在加载问题,想要加快网页的加载速度
前端的页面更需要在性能优化上下功夫,只有这样才能实现更好的用户体验

用专业的技术排除你一直以来对网页性能的困扰

  • 资源合并压缩、图片格式
    及加载方式的优化
  • CSS和JS的装载与执行
    重绘与回流
  • 浏览器存储
    PWA,缓存
  • SSR服务端渲染
  • 构建层减少资源请求
    的大小和数量
  • 优化浏览器渲染提升
    动画体验
  • 显著提升网站
    二次访问体验
  • 首屏渲染性能优化

只需三步学会优化出高性能网站

真正理解每个细节的性能优化点与适用的场景,有效改善前端页面优化,极大提高页面加载效率
基础
构建层面

结合FIS3构建工具,自动化地进行资源的打包和压缩

图片层面

深入不同格式图片的编解码过程结合业务场景选择合适的图片格式:png、svg、webp

进阶
缓存

缓存相关的浏览器和服务端能力

浏览器渲染

Html、JavaScript 和 CSS 在浏览器端的加载机制、重绘与回流渲染树的生成

浏览器存储

LocalStorage、 Cookie、 IndexedDB、 sessionStorage PWA、 Service Worker

服务器
Vue-SSR

基于Node.js结合Vue-SSR和PWA实战,讲解Vue-SSR和
PWA的原理实现,核心解决Vue框架的首屏渲染问题

熟练运用前端性能优化的亮点技术

浏览器渲染
缓存机制
浏览器存储
PWA
Vue-SSR

改善前端页面优化的全过程

理论讲解
CSS和JS的装载与执行概述
懒加载与预加载原理分析
SSR(服务端渲染)原理
经典案例分析
Google
Facebook
手机淘宝
代码实战
新闻网站
前端性能优化

学员专享增值服务

问答专区

讲师集中答疑

关于课程的问题都可在问答区随时提问,
讲师会进行集中答疑

源码开放

整套代码下载

课程案例代码完全开放给你,你可以根据
所学知识自行修改、优化

技术储备要求

至少有一个前端项目的开发经验,遇到发展瓶颈、想提升自己技术的同学
技术储备:
1、Html、CSS、JavaScript基础知识
2、Webpack、FIS等构架工具的使用经验
3、有Node.js开发经验
4、具备一定的自学能力

资深前端工程师

千迦

就职于华为、百度,是百度外卖用户端运营和基础服务前端方向负责人

有较为丰富的高访问量的用户级产品的开发经验,非常重视用户体验。参与百度外卖高级活动模板、万能跑腿离线包的开发,主导了高级活动模板Vue-SSR重构,在线和离线H5,以及结合Node进行的前端性能优化

他在前端性能优化上有自己的理解,实战经验丰富。他本次带来的课程,无疑对开发者来说是一次非常宝贵的学习经验,帮你节省时间、精力,真正带领你轻松实现Web页面性能的提升,赶快加入吧!

环境参数

  • 语言 Javascript
  • 框架 vue.js
  • 操作系统 不限

万事俱备 只等你来

  • 心儿痒痒

    老师深入浅出地从原理层面讲解Web前端性能优化的各个方面,解决了我困扰很长时间的web前端问题,让我更有自信地深入学习前端知识。这么良心的老师不多见。物超所值,必须给老师怒赞~O(∩_∩)O

  • 回7

    课程覆盖得很全面,还提供了很多实例和工具网站,听老师的课学到了很多。而且老师的知识面很丰富,让我大开眼界,跟着这样的老师相信无论是技术、眼界还是思考问题的能力方面都能有很大的成长。以后老师出课程我还会继续支持的,老师一定要再出更多的课程,不要停!

  • 翌子涵

    越往后学,课程内容越精彩,原理讲解透彻,易于理解,难得的好课,希望老师继续出更多精品好课,不要停!

查看全部11条用户评价
提问
数据加载中...
意见反馈 常见问题 APP下载
官方微信