前端性能优化-服务端和网络优化-极客时间

2024-06-01 03:41:57

前端性能优化

目录

前端性能优化
- 第六章：服务端和网络优化
- - 6.1 CDN——如何合理配置CDN缓存
  - 6.2 DNS——主流的DNS优化方法有哪些？
  - 6.3 HTTP：如何减少 HTTP 请求
  - 6.4 Cookie—— 减少 Cookie 大小的策略和益处
  - 6.5 服务器——缓存配置和优化方案
  - 6.5 服务器——如何开启 Gzip 压缩
  - 6.6 HTTPS—— 如何开启全站 HTTPS
  - 6.7 HTTP2 —— 升级 HTTP2 的好处有哪些？
- 第七章：流程优化
- - 7.1 前端研发流程
  - 7.2 协作模式——前后端如何高效开展更高效的合作
  - 7.3 自动化测试——有哪些主流的技术方案
  - 7.4 自动化上线——有哪些方案可供选择？如何部署？
  - 7.5 代码质量——如何提升团队整体的代码质量
  - 7.6 上线前——如何对 HTML5 的质量做即时检测
  - 7.7 上线后——如何进行 HTML5 的性能和错误监控
  - 7.8 线上业务——如何进行线上业务的基调监控？
  - 7.9 发版后——如何进行 APP 的性能和错误监控
课程总结：
推荐阅读：

第六章：服务端和网络优化

6.1 CDN——如何合理配置CDN缓存

6.2 DNS——主流的DNS优化方法有哪些？

因为浏览器对一个域名同时发送的http请求有数量限制，可以使用多个域名

6.3 HTTP：如何减少 HTTP 请求

小 icon 使用 webfont
小的文件进行合并 Combo（服务端合并a.js b.js）
多个接口以后端接口集群的方式

6.4 Cookie—— 减少 Cookie 大小的策略和益处

只携带白名单中特殊名称的 cookie ，其他的直接删除不携带过去

6.5 服务器——缓存配置和优化方案

6.5 服务器——如何开启 Gzip 压缩

6.6 HTTPS—— 如何开启全站 HTTPS

优点：

SEO

安全

6.7 HTTP2 —— 升级 HTTP2 的好处有哪些？

二进制格式传输数据
多路复用（雪碧图现在用的少的愿意就是）
头部压缩（减少传输体积）
server push

第七章：流程优化

7.1 前端研发流程

7.2 协作模式——前后端如何高效开展更高效的合作

7.3 自动化测试——有哪些主流的技术方案

7.4 自动化上线——有哪些方案可供选择？如何部署？

7.5 代码质量——如何提升团队整体的代码质量

eslint stylelint tslint

7.6 上线前——如何对 HTML5 的质量做即时检测

7.7 上线后——如何进行 HTML5 的性能和错误监控

页面性能监控
- js 错误监控
- API 接口监控
- 日志详情
- 用户轨迹

7.8 线上业务——如何进行线上业务的基调监控？

7.9 发版后——如何进行 APP 的性能和错误监控

网络请求的事件
冷启动和热启动的监控数据

课程总结：

推荐阅读：

Web性能权威指南
网站性能监测与优化
高性能网站建设指南

前端性能优化-服务端和网络优化-极客时间相关推荐

深度讲解：web前端性能优化
一.课程简介: 1.课程大纲涉及到的分类网络层面构建层面浏览器渲染层面服务端层面涉及到的功能点资源的合并与压缩图片编解码原理和类型选择浏览器渲染机制懒加载预加载浏览器存储缓存机 ...
web前端性能优化总结
概括涉及到的分类网络层面构建层面浏览器渲染层面服务端层面涉及到的功能点资源的合并与压缩图片编解码原理和类型选择浏览器渲染机制懒加载预加载浏览器存储缓存机制 PWA Vue-SS ...
前端性能优化方法与实战17 横向对比：百度、阿里云、美团性能方案对比
前面我介绍了性能优化实践及在 Hybrid下的进阶优化方案,这是我们目前的做法,那么,业界是什么样的情况呢?在这里我就挑选三家互联网公司--百度.阿里云.美团,一起来看看他们是怎么做的? 为什么选它们 ...
极客时间限时免费开放全部课程！别纠结了选这几门！
" 阅读本文大概需要 3 分钟. " 很多技术人对极客时间都比较熟悉了,但也许你还不知道专门服务企业的「极客时间企业版」,他们最近推出了一个活动,面向企业免费开放全部课程. 企业里 ...
1.5W+字的全链路前端性能优化送给你
点击上方"前端开发博客",选择"星标" 回复"加群",加入我们一起学习通常来讲前端性能优化是指从用户开始访问我们的网站到整个页面完整的展现 ...
如何全链路进行前端性能优化
" 如果对性能优化很有兴趣的可以参加文末的送书活动 " 1. 概述通常来讲前端性能优化是指从用户开始访问我们的网站到整个页面完整的展现出来的过程中,通过各种优化策略和优化方法让页 ...
全链路前端性能优化方案
通常来讲前端性能优化是指从用户开始访问我们的网站到整个页面完整的展现出来的过程中,通过各种优化策略和优化方法让页面加载的更快,让用户的操作响应更及时,给用户更好的使用体验. 这里我们介绍的是前端性能优 ...
【干货】1.5W+字的全链路前端性能优化送给你
通常来讲前端性能优化是指从用户开始访问我们的网站到整个页面完整的展现出来的过程中,通过各种优化策略和优化方法让页面加载的更快,让用户的操作响应更及时,给用户更好的使用体验. 这里我们介绍的是前端性能优 ...
web前端高级JavaScript - 彻底掌握基于HTTP网络层的“前端性能优化”
彻底掌握基于HTTP网络层的 "前端性能优化" 产品性能优化方案 HTTP网络层优化代码编译层优化 webpack 代码运行层优化 html/css javascript vue ...

最新文章

热门文章