web性能优化

彻底弄懂HTTP缓存机制及原理

前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。
风神修罗使·2020-08-15 22:49

Vue cli 配置CDN及Gzip

在Vue项目中，为了提升性能缩短首页的白屏时间（更具体的白屏时间可查看Web性能优化-首屏和白屏时间），我们可以通过将公共库采用CDN引入的方式以及将资源文件压缩的方式。
樊小书生·2020-08-15 10:25

web性能优化

前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?1.从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2.从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。总之，恰当的优化不仅能够改善站
麦兜_冰夕·2020-08-11 22:00

《Web全栈工程师的自我修养》摘记一

-《编程之美:微软技术面试心得》-web性能优化-压缩源码和图片-选择合适的图片格式
luzhizw·2020-08-11 17:02

从入门到实践，快速掌握 Nginx 研发！

对于开发来说，我们在工作中或多或少都会遇到web性能优化、高并发等问题，而Nginx是一个万能药，它具备高性能、高扩展性、高可靠性、低内存消耗等优势，不管是个人建立网站、博客，还是进行互联网应用开发，都可以轻松应对
实验楼v·2020-08-10 14:17

web性能优化——使用RAIL模型评估性能

RAIL简介RAIL是一种以用户为中心的性能模型。每个网络应用均具有与其生命周期有关的四个不同方面，且这些方面以不同的方式影响着性能：RAIL核心思想是以用户为中心；最终目标不是让您的网站在任何特定设备上都能运行很快，而是使用户满意。主要包含以下几个方面：立即响应用户；在100毫秒以内确认用户输入。设置动画或滚动时，在10毫秒以内生成帧。最大程度增加主线程的空闲时间。持续吸引用户；在1000毫秒以
weixin_34041003·2020-08-10 03:31

Web性能领域常见的专业术语

测量与排查网页的性能瓶颈，是一名专业Web性能优化者的基本功。本章将详细介绍Web性能领域的一些专业术语，通过这些术语也可以侧面了解是哪些因素在影响加载性能。
奇舞周刊·2020-08-09 23:33

Web性能优化，大致可以分为以下几点

我们都知道对于Web应用来说性能很重要。然而性能优化相关的知识却非常的庞大并且杂乱。对于性能优化需要做些什么以及性能瓶颈是什么，通常我们并不清楚。事实上关于Web性能有很多可以优化的点，其中涉及到的知识大致可以划分为几类：度量标准、编码优化、静态资源优化、交付优化、构建优化、性能监控。本文主要介绍性能优化需要做的事以及需要考虑的问题。目的在于给读者脑海中生成一个宏观的地图。不会介绍每个优化项目具体
weixin_33962621·2020-08-09 18:14

HTTP 请求头中的 X-Forwarded-For

一方面，前端很多工作如Web性能优化，大部分规则都跟HTTP、HTTPS、SPDY和TCP等协议的特点直接对应，如果不从协议本身出发而是一味地照办教条，很可能适得其反。另一方面，随
weixin_30521161·2020-08-09 13:56

HTTP 请求头中的 X-Forwarded-For

一方面，前端很多工作如Web性能优化，大部分规则都跟HTTP、HTTPS、SPDY和TCP等协议的特点直接对应，如果不从协议本身出发而是一味地照办教条，很可能适得其反。
袜子是一只狗·2020-08-09 12:07

Nginx配置---性能篇

WEB性能优化是一个系统工程，涵盖很多方面，做好其中某个环节并不意味性能就能变好，但可以肯定地说，如果某个环节做得很糟糕，那么结果一定会变差。首先说明下，本文提到的一些
Samuel_gan·2020-08-09 08:01

web性能优化（三）反爬虫策略

狂奔的鹿（陆松林）本文版本：v1.0转载请注明原文链接：http://www.cnblogs.com/dynamiclu/]反爬虫策略，表面上看似乎跟WEB系统优化没有关系，经过分析，发现该策略是可以归到WEB
zzm_·2020-08-05 20:17

前端性能优化

文件合并：（目的是减少http请求）：web性能优化最佳实践中最重要的一件是减少HTTP请求，它也是YSLow中比重最大的一条规则。
陈善强·2020-08-05 12:24

springmvc结合ehcache实现共享对象缓存

笔者最近在学习Web性能优化的知识，想用springmvc结合ehcache来实现共享对象缓存，可是网上的很多教程讲得不是很清楚，加上本人对spring的知识还没有完全熟悉，所以在实现过程中碰到了各种各样的问题
嵩园·2020-08-04 17:29

移动web性能优化从入门到进阶

关于前端性能优化相关的技术知识，网上随便搜一些就有很多，本文将系统性的从初级到高级的思路，总结移动前端性能优化各个方面的相关技术点，内容来自笔者以往经验的总结，希望读者可以花些时间看看。在目前大多数刚从事前端开发，或者是正在学习前端开发的同学来说，性能优化对于他们可能还比较远，但是脱颖而出，拉开差距的点，往往就在与性能优化，和理论知识不同，性能优化往往来自日常的工作经验中总结而来，也是目前大厂面试
weixin_33978044·2020-08-04 05:11

十分钟彻底弄懂浏览器缓存机制原理

前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。
huangzhin·2020-08-03 07:03

web性能优化—持续更新

web性能优化1.preload和prefetchweb加载原语preload预加载preload是一个声明式fetch，用于决定页面资源的优先级（使用as），告诉浏览器预先请求当前页面需要的资源，因此可以允许前端开发者来优化当前页面资源的加载
楽BB·2020-08-02 14:36

实际项目中，为什么多个css、js文件要实现合并与压缩？(了解了这你才算入门)

Web性能优化最佳实践中最重要的一条是减少HTTP请求。而减少HTTP请求的最主要的方式就是，合并并压缩JavaScript和CSS文件。
前端小白装大神·2020-07-30 21:03

js 文件压缩-jsmin简介

在做web性能优化的时候，常常会遇到压缩jscss的情况。简单的压缩原理无非是去除空格，注释之类的东东。自己开发个耗时又耗神，那咱就从网上找吧。呵呵，功夫不负有心人。
love__coder·2020-07-30 21:22

Web性能优化-懒加载和预加载

懒加载使用场景图片进入可视区域之后请求图片资源对于电商等图片很多,页面很长的业务场景适用减少无效的资源的加载并发加载的资源过多会阻塞js的加载,影响网站的正常使用预加载的使用场景图片等静态资源在使用之前就提前请求资源使用到的时候能从缓存中加载,提升用户体验页面展示的依赖关系维护比如Angular中就提供了懒加载主要通过路由配置#module.预加载,是一种预加载PreloadStrategy服务.
Ethan__Hunt·2020-07-30 12:31

彻底弄懂HTTP缓存机制及原理

前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。
Python数据分析实战·2020-07-29 05:13

Web性能优化方案

第一章打开网站慢现状分析在公司访问部署在IDC机房的VIP网站时会感觉很慢。是什么原因造成的？为了缩短页面的响应时间，改进我们的用户体验，我们需要知道用户的时间花在等待什么东西上。可以跟踪一下我们的登录页面，如下图所示从上图我们可以分析知道，HTML文档只占了总响应时间的20%，其它80%响应时间用来下载JS、CSS、图片等组件。所以WEB前端有很大的优化空间，我们将从WEB的前端优化、后端优化两
萧逸2015·2020-07-29 04:02

浏览器HTTP缓存机制

Http缓存机制作为web性能优化的重要手段，很多同学仅仅只是知道浏览器会对请求的静态
A_山水子农·2020-07-28 06:55

前端工程与性能优化

这些性能优化原则大概是在7年前提出的，对于web性能优化至今都有非常重要的指导意义。然而，对于构建大型web应用的团队来说，要坚持贯彻这些
weixin_34221073·2020-07-15 15:46

web性能优化:详说浏览器缓存

TOC背景浏览器的总流程图一步一步说缓存朴素的静态服务器设置缓存超时时间html5ApplicationCacheLast-Modified/If-Modified-SinceEtag/If-None-Match什么是Etag为什么有了Last-Modified还要EtagEtag的实现迷之浏览器总结背景在对页面的性能优化时，特别是移动端的优化，缓存是非常重要的一环。浏览器缓存机制设置众多：htm
denglei011124·2020-07-14 01:10

你如何对网站的文件和资源进行优化？

1、文件合并（目的是减少http请求）：Web性能优化最佳实践中最重要的一条是减少HTTP请求，它也是YSlow中比重最大的一条规则。
yuzhongkai·2020-07-13 23:02

Web性能优化-图片相关的优化

图片压缩有损压缩.png压缩之后肉眼几乎察觉不出来压缩之后少了的那些东西.png8/png24/png32之间的区别?png8--------256色+支持透明(256即为2^8,用8bit来存一个像素的内容,占用空间更小)png24-------2^24色+不支持透明(24bit)png32------2^24色+支持透明(有符号32bit)每种图片格式都有自己的特点,针对不同的业务场景选择不同
Ethan__Hunt·2020-07-13 12:50

Web性能优化技巧

探究事物的本质似乎是人的天性，凡事总喜欢问个为什么。小时候坐车时会问父母，树为什么会往后面跑，为什么停电了圣斗士就不能看了。很久很久之后，学习了《物理》,仿佛找到答案了，有一种自我满足的快意。身为程序员，秉持这天性去看待解决性能问题或许就能感觉到一次有趣而有益的挑战吧，没有人知道这条路要走多久，但是，我们在路上。http协议对并发的建议http协议中规定了一个特殊规则：浏览器对一个服务器不能同时打
lukezu·2020-07-13 07:21

Web 性能优化： 图片优化让网站大小减少 62%

这是Web性能优化的第二篇，上一篇在下面看点击查看：Web性能优化：使用Webpack分离数据的正确方法图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。
weixin_33883178·2020-07-12 08:41

网络| |HTTP的缓存机制及原理

HTTP的缓存机制及原理前言Http缓存机制是作为web性能优化的重要手段。我们要更好的了解，Http的缓存原理才能更好的懂得其实如何工作的，以及平时老说的缓存是什么，并且是如何实现的？
_YKitty·2020-07-11 19:40

HTTP缓存原理

HTTP缓存机制作为web性能优化的重要手段，作为前端或移动端开发者来说，掌握HTTP的缓存原理应该是必须的。本文将会系统的介绍HTTP缓存机制相关的原理，以便归纳总结。二HTTP报文HTTP报文就是
Showdy·2020-07-10 19:14

彻底弄懂 Http 缓存机制 - 基于缓存策略三要素分解法

utm_source=caibaojian.com原创：李志刚腾讯Bugly2016-12-15导语Http缓存机制作为web性能优化的重要手段，对从事Web开发的小伙伴们来说是必须要掌握的知识，但最近我遇到了几个缓存头设置相关的题目
Akane_All·2020-07-10 02:02

web性能优化权威指南_Web优化终极指南（提示和最佳实践）

Web优化是Web开发和维护的重要组成部分，但也是网站管理员经常忽略的内容。只要考虑一下您可以节省的钱，以及在完成正确的选择后，它可能如何帮助增加读者人数和访问量。如果您到目前为止尚未对网站（或博客）进行任何优化，或者只是好奇它如何帮助您加快网站访问速度，请查看我们汇总的优化提示列表。为了更好的可读性，我们将内容分为3个部分–分别是服务器端优化，资产优化（包括CSS，Javascript，图像等W
cune1359·2020-07-09 15:36

彻底弄懂HTTP缓存机制及原理

前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。
指尖跳动·2020-07-09 07:13

TLS握手优化详解

HTTPS在TCP和HTTP之间增加了TLS（TransportLayerSecurity，传输层安全），提供了内容加密、身份认证和数据完整性三大功能，同时也给Web性能优化带来新的挑战。
weixin_33759269·2020-07-05 22:03

前端性能优化策略

1、介绍一套合理有效的参考模型(RAIL性能模型)2、给出一套实用的性能测试手段3、给出基于此标准的性能提升方案（结合我们自己项目中的业务实例）一、参考模型web性能优化，这是大家耳熟能详的东西了。
汉主率众讨平·2020-07-05 05:03

浏览器缓存？优点？清除方法？

在Web性能优化上，我们总是追求网页能快速打开相应，这时就是浏览器缓存上场的时间了。
浪漫天下·2020-07-05 00:46

彻底弄懂HTTP缓存机制及原理

前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。
xuewen1696·2020-07-04 23:10

2019前端面试系列——HTTP、浏览器面试题

浏览器渲染的步骤页面渲染优化强制缓存和协商缓存GET和POST请求的区别HTTP1.0/1.1/2.0及HTTPS介绍下304过程HTTP状态码Web性能优化回到顶部浏览器存储的方式有哪些特性cookielocalStoragesessionStorageindexed
kennard_owen·2020-07-02 16:00

Web性能优化小结

下载性能消灭重定向域名收敛，减少DNS解析减少文件数量（减少TCP连接数）压缩文件体积CDN客户端缓存渲染性能CSS放顶部JS放底部心理性能进度条有效提示转“菊花”移动网络的“空口”信道TCP慢启动：不同的应用类型获得的连接资源不公平——下载vs网游Head-of-lineblockingHTTP无法多路复用TCP连接（HTTP2可以）三次握手和四次挥手过程冗余（TCPFastOpen，QUIC）
linjinhe·2020-07-02 09:53

浏览器工作原理探究详解

浏览器工作原理探究标签：浏览器工作原理/web性能优化引言最近对web的性能优化比较感兴趣，而前端代码主要在浏览器工作的。如果对浏览器的工作原理了解清楚，可以为web性能优化提供方向以及理论依据。
zhiwenxuan·2020-07-02 09:03

Web性能优化方法总结

web性能优化一、页面优化1、减少HTTP请求数量1、从设计实现层面简化页面：尽量将页面设置成百度首页那样，保持页面简洁、减少资源的使用。
刘半仙回来了·2020-07-02 07:24

web性能优化的几种方式

1、JavaScript压缩和模块打包其中之一就是可以得到更快的启动时间其中之二是模块打包用于将不同脚本打包在一起并放进同一文件。更少的HTTP请求和单个文件解析都可以减少加载时间。通常情况下，单独一种工具就可以打理打包和压缩。webpack就是其中之一。2、按需加载资源资源（特别是图片）的按需加载或者说惰性加载，可以有助于你的web应用在整体上获得更好的性能。对于使用大量图片的页面来说惰性加载有
AGGirl·2020-07-02 03:47

前端性能优化必会技术：浏览器缓存你知多少

WEB性能优化是一个工程问题，涵盖很多方面，优化方向可以分为：请求数量
世上我最好·2020-07-01 21:12

web性能优化方法

探讨web性能优化方法，一直是前端开发者不懈努力的事情，获得总结的方法也很多，看了几位大牛的总结，特此与大家共同分享一下。
田品吕口-方·2020-07-01 17:44

Web性能优化(一)之防抖和节流

节流概念：可以举个应用场景来理解，就是在搜索引擎执行过程中，我们每输入一个汉字后，搜索引擎自动执行ajax请求，但是键盘事件是通过字母触发而不是汉字，所以我们就可以固定频率来节约资源。实现节流使用时间戳varnum=0;functionFun(){console.log(num++);}varstart=0;functionthow(func,time){if(!start){start=Date
qq_39125445·2020-07-01 04:36

HTTP 请求头中的 X-Forwarded-For

一方面，前端很多工作如Web性能优化，大部分规则都跟HTTP、HTTPS、SPDY和TCP等协议的特点直接对应，如果不从协议本身出发而是一味地照办教条，很可能适得其反。
yzl11·2020-06-30 11:13

运维——Web 性能优化 —— 负载均衡

####Web性能优化——负载均衡#####一、软件负载均衡技术Linux集群的分类：高可用性集群：运行于两个或多个节点上，目的在于某节点系统出现故障时在其他节点的支持下仍然可继续对外提供相应的服务。
吾心无待·2020-06-29 21:37

CDN和负载均衡是什么？

就像上面提到的，web性能优化是要从多个角度去考虑的，我们是没办法考虑到所有的优化细节，但是我们可以
weixin_44019817·2020-06-29 11:21

最常被遗忘的Web性能优化：浏览器缓存

一提起缓存，Web开发者们总是在想数据库缓存、页面静态化、使用Redis内存缓存。这些方法都有一个共性，就是集中在后台，目的就是加快数据的读取，少用比较容易产生瓶颈的部分。后台该优化的都优化到了最佳状态，却往往疏忽了一个非常重要的过程，就是数据传输。想着如何快速读取数据，却忘了如何减少请求数据，或者根本不请求数据。所以，今天我们就来聊一聊这个经常被我们遗忘的浏览器缓存。认识浏览器缓存当浏览器请求一
weixin_34082854·2020-06-28 11:09
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他