Web性能优化专题
关注
分享
扫一扫
Web性能优化专题
愚公搬代码
《头衔》：华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。
《近期荣誉》：2022年度博客之星TOP2，2023年度博客之星TOP2，2022年华为云十佳博主，2023年华为云十佳博主，2024年华为云十佳博主等。
《博客内容》：.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。
展开
-
(精华)2020年8月18日 nginx基本配置
windows下安装nginx我本地环境：win10-64位。下载nginx到nginx官网上下载相应的安装包，http://nginx.org/en/download.html；下载进行解压，将解压后的文件放到自己心仪的目录下，我的解压文件放在了d盘根目录下，如下图所示：配置进入window的cmd窗口，输入如下图所示的命令，进入到nginx目录（D:/nginx-1.8.1），使用“start nginx.exe ”进行nginx的安装，如下图所示：安装成功后，在“任务管理原创 2020-08-18 08:09:08 · 503638 阅读 · 0 评论 -
(精华)2020年8月18日 函数防抖、函数节流
函数防抖<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>函数防抖测试</title></head><body><input type="text" id="user_input"> <!-- <button id="btn">搜索</button>原创 2020-08-18 08:08:42 · 503071 阅读 · 1 评论 -
(精华)2020年8月18日 缓存机制
缓存1. 缓存理解缓存定义:浏览器在本地磁盘上将用户之前请求的数据存储起来，当访问者再次需要改数据的时候无需再次发送请求，直接从浏览器本地获取数据缓存的好处:减少请求的个数节省带宽，避免浪费不必要的网络资源减轻服务器压力提高浏览器网页的加载速度，提高用户体验2. 缓存分类强缓存不会向服务器发送请求，直接从本地缓存中获取数据请求资源的的状态码为: 200 ok(from memory cache)协商缓存向服务器发送请求，服务器会根据请求头的资源判断是否命中原创 2020-08-18 08:08:34 · 502773 阅读 · 0 评论 -
(精华)2020年8月18日 CDN工作原理
什么是CDN？工作原理是什么？ 网站通常将其所有的服务器都放在同一个地方，当用户群增加时，公司就必须在多个地理位置不同的服务器上部署内容 为了缩短http请求的时间，我们应该把大量的静态资源放置的离用户近一点。 内容发布网络CDN（Content Delivery Networks） CDN是一组分布在多个不同地理位置的web服务器，用于更加有效的向用户发布内容 基本思路： 尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。 通过在原创 2020-08-18 08:08:24 · 503743 阅读 · 3 评论 -
(精华)2020年8月18日 js同异步和Performance页面性能分析
js同异步<!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="description" content=""> <meta na原创 2020-08-18 08:08:53 · 502985 阅读 · 2 评论 -
(精华)2020年8月17日 浏览器本地存储
using (RedisListService service = new RedisListService()){ service.FlushAll(); service.Add("article", "XT1234"); service.Add("article", "kevin"); service.Add("article", "大叔"); service.Add("article", "C卡"); service.Add("article", "原创 2020-08-17 21:39:47 · 505272 阅读 · 0 评论 -
(精华)2020年8月17日 图层与重绘重排
using (RedisListService service = new RedisListService()){ service.FlushAll(); service.Add("article", "XT1234"); service.Add("article", "kevin"); service.Add("article", "大叔"); service.Add("article", "C卡"); service.Add("article", "原创 2020-08-17 20:31:39 · 504717 阅读 · 1 评论 -
(精华)2020年8月17日 浏览器功能与组成
using (RedisListService service = new RedisListService()){ service.FlushAll(); service.Add("article", "XT1234"); service.Add("article", "kevin"); service.Add("article", "大叔"); service.Add("article", "C卡"); service.Add("article", "原创 2020-08-17 20:31:03 · 504983 阅读 · 1 评论 -
(精华)2020年8月17日 网页请求响应流程性能优化
using (RedisListService service = new RedisListService()){ service.FlushAll(); service.Add("article", "XT1234"); service.Add("article", "kevin"); service.Add("article", "大叔"); service.Add("article", "C卡"); service.Add("article", "原创 2020-08-17 14:11:52 · 506686 阅读 · 0 评论 -
(精华)2020年8月17日 浏览器渲染引擎与阻塞
using (RedisListService service = new RedisListService()){ service.FlushAll(); service.Add("article", "XT1234"); service.Add("article", "kevin"); service.Add("article", "大叔"); service.Add("article", "C卡"); service.Add("article", "原创 2020-08-17 14:14:20 · 505330 阅读 · 0 评论