当前位置:IT教程网 > 优质资源 > 让你页面速度飞起来 Web前端性能优化 Vue-SSR+PWA

网站编辑 发表于 2018-05-09
  • 资源详情
  • 下载记录
  • 资源评价

教程名称:

        让你页面速度飞起来 Web前端性能优化 Vue-SSR+PWA



教程内容:

     课程覆盖得很全面,还提供了很多实例和工具网站跟着这样的老师相信无论是技术、眼界还是思考问题的能力方面都能有很大的成长。深入浅出地从原理层面讲解Web前端性能优化的各个方面,解决大部分web前端问题,让你更有自信地深入学习前端知识。性能优化的思路分析比较全面,逻辑清晰。针对开封这自身写代码上可以调整的细节举例丰富。构建层面、结合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框架的首屏渲染问题。


教程目录:

1.课程简介

对课程做简单的介绍。


2.资源合并与压缩

通过本章,我们学习和理解了web前端的概念,以及性能优化的意义所在,并且通过实战中的压缩与合并,深入理解了减少http请求数和减少http请求资源大小两个优化要点,并且通过实战,帮助学生掌握如何通过网站进行压缩与合并,如果使用半自动化的gulp脚本进行压缩与合并,最终通过优化前后的性能对比,更加量化地去理解了性能


3.图片相关的优化

通过本章,帮助学员学习和掌握图片相关的优化方法,理解不同图片格式分别是什么以及如果在不同的业务场景中使用不同的图片格式和图片加载方式。


4.css 和 js 的装载与执行

通过本章,帮助学员理解css和js在页面中的加载机制,让学员能初步建立通过理解浏览器渲染机制进行代码优化提升页面访问性能的概念,同时掌握css、js在装载与执行阶段的基础优化。


5.懒加载与预加载

通过本章,帮助学员理解资源加载时机对前端性能优化的影响,同时实战理解懒加载和预加载的实现机制。


6.重绘与回流

通过本章,帮助学员理解高阶的浏览器渲染机制,深入理解浏览器重绘与回流的机制,从而掌握如何深入地从代码层面基于浏览器的渲染机制进行优化。


7.浏览器存储

通过本章,帮助学员理解浏览器存储的核心概念及其在关键业务中的应用,通过浏览器存储,可以在浏览器端建立可控制的缓存机制,从而帮助用户在自己的关键业务上进行相应的优化。


8.缓存优化

通过本章,帮助学员掌握如何使用在线cdn提升静态资源的加载速度,如果使用dns-prefetch,以及如何使用服务端缓存来进行搭建,更加完善的资源请求缓存机制。


9.SSR(服务端渲染)

通过本章,帮助学员了解服务端渲染的核心概念,以及vue如何做服务端渲染,从而让学员更加深入地理解渲染的性能消耗在性能优化中的意义。


共有 条评论

    价格 10 金币

    下载: 收藏: 浏览:

    分类:前端

    类型:视频

    年份:其他

    售价:收费

    更新:2018-05-09

    会员:网站编辑

    关键词:

    相关资源

    买家必看
    链接失效怎么办?
    如何下载本站收费资源?
    如何下载本站免费资源?
    如何充值金币?
    充值相关
    充值流程介绍
    充值到账时间
    本站充值可以开发票吗?
    充值金币有什么优惠?
    常见问题
    什么是金币?如何获得?
    重复下载资源扣金币吗?
    我的账号和密码丢失怎么办?
    我能把本站资源分享到互联网上吗?