web性能优化

http缓存与cdn缓存配置指南

腾讯DeepOcean原创文章：dopro.io/http-cache-…配置http缓存与cdn缓存一直以来都是web性能优化中重要而常见的手段。
weixin_34043301·2020-06-28 10:20

对减少HTTP请求的疑问

教条根据各种Web性能优化手册，“减少HTTP请求”这一条始终被放在显眼的位置，其中就包括著名的YSlow和GooglePageSpeed，两者对这一教条的解释分别是：80%oftheend-userresponsetimeisspentonthefront-end.Mostofthistimeistiedupindownloadingallthecomponentsinthepage
weixin_33843947·2020-06-28 06:19

Web性能优化笔记

性能优化这个问题小公司要求不高，大公司不需要教，因为有工具保证。62a28dad9fdf63ffc9588e9c20dcd6ec.png回答这题的思路要从另一道面试题：从敲回车开始到页面展现这个过程发生了什么入手。以下是主要过程以及相对的解决措施：DNS查询消耗时间——》减少DNS请求数，即减少域名建立TCP连接（涉及三次握手）比较耗时——》尽量合并同一后缀名文件（如.css\.js）SSL加密（
chiang24·2020-06-27 06:17

看云文档

《nginx入门到进阶的教程》《一起学koa》《网络爬虫系列》《翻译漫谈——怎样翻译更地道》《TheLinuxCommandLine中文版》《Web性能优化与HTTP/2》《NPM中文文档》《前后端分离的思考与实践
伯纳乌的追风少年·2020-06-27 05:15

HTTP 强缓存和协商缓存

对于客户端来说，HTTP缓存是web性能优化的重要手段。
易-水寒·2020-06-25 01:02

摸鱼前端的自检（六）你不知道的web性能优化

你不知道的web性能优化你遇到过打开一个网站需要10秒以上的吗，这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。你会有什么反应？
左右同学·2020-06-25 01:18

Web性能优化之CSS性能优化篇

非常感谢原文作者的分享,个人觉得非常有用.所以将原文进行翻译,如果有错误,麻烦回复指出附上原文地址什么是高效的CSS?不同的选择器对性能的影响如何?是花括号里的属性重要还是选择器重要?.选择器测速这意味着这什么?原因与结果删除未使用的样式括号内的性能什么是”昂贵”的样式?结论什么是高效的CSS?不同的选择器对性能的影响如何?是花括号里的属性重要还是选择器重要?.我们在做优化网站的性能时,CSS的优
Zeus_Ma·2020-06-24 12:08

10分钟彻底搞懂Http的强制缓存和协商缓存

所以根据上面的特点，浏览器缓存有下面的优点：减少冗余的数据传输减少服务器负担加快客户端加载网页的速度浏览器缓存是Web性能优化的重要方式。那么浏览器缓存的过程究竟是怎么样的呢？
programmer aloys·2020-06-24 11:59

嗨，送你一张Web性能优化地图（收藏）

我们都知道对于Web应用来说性能很重要。然而性能优化相关的知识却非常的庞大并且杂乱。对于性能优化需要做些什么以及性能瓶颈是什么，通常我们并不清楚（不包括那些对性能优化有丰富经验的高手）。事实上关于Web性能有很多可以优化的点，其中涉及到的知识大致可以划分为几类：度量标准、编码优化、静态资源优化、交付优化、构建优化、性能监控。本文主要介绍性能优化需要做的事以及需要考虑的问题。目的在于给读者脑海中生成
lin123_00·2020-06-24 05:33

好未来前端面试

一面：http状态码web性能优化垂直居中布局手撕算法快排跳台阶问题（斐波那契）块级元素和行内元素变量提升问题二面：数组去重（用原生写，不能用API）给100个有序数组，有序的合并（原生写）虚拟机断点续传序列化和反序列化浏览器内核
小吴同志你好呀·2020-06-22 16:37

Web 性能优化的几个策略

开发人员多了解一些优化技术在进行web性能优化之前，我们先重温一下，访问一个页面地址到浏览器渲染完页面，都有哪些过程：资源请求/获取流程图：资源响应/页面渲染流程图这两张图无需额外解释了，所以web性能优化主要是针对这里的过程进行优化
六星教育官博·2020-06-21 03:13

浏览器HTTP缓存机制

http缓存机制是一种web性能优化的手段，对于从事web行业的我们很有必要去弄懂，起初我仅仅只是知道浏览器会对请求的静态文件进行缓存，至于如何缓存，为什么缓存并不知其所以然。
顾十三goodMan·2020-06-21 02:09

简述负载均衡和CDN技术

上面提到web性能优化需要多个角度去
forlong401·2020-06-21 01:00

打个总结:Web性能优化

前段时间优化一个公司历史老项目的Web性能，却引出了一系列的问题，让我反思良多。我通过Chrome的Lighthouse工具可以看出一些性能参数和问题反馈，我逐一对其进行优化。根据资源请求的不同，大致可以分为前端资源性能和后端程序性能两个方面。先分析一下前端资源吧：Deferoffscreenimages。Chrome给出的建议是：Considerlazy-loadingoffscreenandh
freephp·2020-06-20 23:00

干货：负载均衡&CDN技术

上面提到web性能优化需要多个角度去考虑，我们无法考虑到所有的优化细节，但可以从我们已知的层面去优化，我们就先从网络层面说起。网络请求路
qianlia·2020-06-20 21:23

WEB性能优化复习

一、一次完整页面请求所发生的的事情过程：1.url解析地址解析和编码HSTS缓存解析2.DNS域名解析先进行本地DNS服务器解析，递归解析：如果本地解析不到，再去域名服务器解析，迭代解析：3.TCP三次握手建立连接：4.发送HTTP请求，服务器处理请求，返回响应结果5.TCP四次挥手断开连接5.浏览器渲染二、前端性能优化前端性能优化主要从上述过程中的关键节点进行优化，这也叫CRP。1.缓存优化客户
LUYrty樱花·2020-05-27 23:25

史上最强大型分布式架构详解：高并发+数据库+缓存+分布式+微服务+秒杀

最全分布式架构设计资料获取方式~负载均衡负载均衡的原理和分类负载均衡架构和应用场景分布式缓存常见分布式缓存比较：memcached和redismemcached和redis的详解分布式缓存的问题和挑战高并发性能架构设计Web
liuhuiteng·2020-05-26 10:58

HTTP缓存机制及原理

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

Web性能优化

1Web性能优化Web网站的性能细线在几个方面：网站首页加载速度动画的流畅度通过分析浏览器的渲染原理、资源对渲染的影响，得出优化网站性能的办法。
大爽兔·2020-04-12 20:06

HTTP缓存详解

除HTTP缓存之外，Web性能优化还有很多其他途径，比如预加载和预渲染、脚本异步载入等缓存的原因减少服务器负载降低延迟，加速页面的载入降低了用户的带宽，减少了流量消耗减少了冗余的数据传输缓存相关的字段通用头
莫可可小姐d远方·2020-04-12 18:30

HTTP缓存

Http缓存机制作为web性能优化的重要手段，有如下作用：减少网络带宽消耗:无论对于网站运营者或者用户，带宽都代表着金钱，过多的带宽消耗，只会便宜了网络运营商。
尾巴尾巴尾巴·2020-04-06 01:49

Web性能优化之 - 事件委托（代理）

*什么是事件委托委托，就是让别人帮我们做事。某件事情本身应该由你来做，而你却加到别人身上来完成。事件委托，也叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。  为了更好的帮助理解，这里有个很经典的一个例子：快递员送快递，如果一个快递员送一个公司的快递，他可以选择在公司联系每个人来取这个快递，当然另一种方法就是把快递让
果汁凉茶丶·2020-04-04 02:24

Web性能优化

从你敲回车到页面出现,在中间都发生了什么?1.输入网址xxx.com找IP(DNS)[DNS会缓存,大概两个小时]3.建立TCP链接,(三次握手)4.发送HTTP请求5.等待服务器的响应6.得到响应的第一个字节7.下载直到最后一个字节8.解析HTML9.渲染减少域名查找减少cookie增加域名文件分开chrome的audits功能这可功能可以测试,并给出推荐CDN(ContentDistribut
饥人谷_hak·2020-04-02 16:18

Web性能优化笔记

网页性能优化的目的减少服务器压力增强用户体验，减少加载时间，通俗地说就是用户感觉打开你的网页很快，等待页面资源加载的时间很短方法回答这题的思路要从另一道面试题：从敲回车开始到页面展现这个过程发生了什么入手。以下是其中的一些过程：看请求的html页面有没缓存，没有就进行下面步骤dns查询建立TCP连接发送HTTP请求后台处理接收响应接收完成读取html的DOCTYPE逐行解析看到,就会像服务器发起请
Scott1738·2020-03-29 02:32

从网络通信角度谈web性能优化

博客原文地址：Claiyre的个人博客https://claiyre.github.io/博客园地址：http://www.cnblogs.com/nuannuan7362/如需转载，请在文章开头注明原文地址衡量一个网站的性能有多个指标，DNS解析时间，TCP链接时间，HTTP重定向时间，等待服务器响应时间等等，从用户角度来看，就可以归结为该网站访问速度的快慢。也就是说性能等于网站的访问速度。早些
Claiyre·2020-03-27 15:02

Web 性能优化详解

摘要：本文通过“一个页面从输入URL到页面加载显示完成”的各个步骤，来详解阐述一下每一步可以如何优化，从而让我们的网页更快的展现在用户眼前，即网站加载速度变的更快，这种优化也就是题目所说的Web性能优化
EnochQin·2020-03-27 12:38

Web性能优化有哪些方式？

1).尽可能减少HTTP请求次数2).使用CDN3).避免使用src和href标签4).加入Expires或Cache-ControlHeader5).使用Gzip压缩6).在html文件顶部放置Css样式表7).在html文件底部放置JavaScript脚本8).避免使用CSS表达式9).使用外部CSS和JavaScript外部文件10).减少使用DNS查找次数11).精简CSS和JavaScr
人总要靠自己_趁年轻去努力·2020-03-21 19:38

CSS渲染原理 及 优化

其实css也有许多能实现Web性能优化的方法，接下来我们就一起看看有哪些方法。 
果汁凉茶丶·2020-03-19 07:45

web性能优化

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

Web性能优化总结

减少HTTP请求页面内部优化；启用缓存；减少下载量网络连接上的优化减少HTTP请求：CSSSprites：将多张图片合并成一幅单独的图片，使用css的background-position属性。内联图片：通过使用data:URL模式可以在页面包含图片而无需任何额外的请求。iconFont：字体代替图片减少脚本与样式表的请求主要原则就是合并。页面内部优化：样式表放在顶部，脚本文件放在底部，避免css
TurboLoong·2020-03-16 02:53

Google 工程师：为什么 CDN 对移动客户端加速“没有”效果

GoogleWeb性能优化工程师和开发大使、《High-Per
又拍云·2020-03-15 06:59

web性能优化之：no-cache与must-revalidate深入探究

稍微了解HTTP协议的前端同学，相比对Cache-Control不会感到陌生，性能优化时经常都会跟它打交道。常见的值有有private、public、no-store、no-cache、must-revalidate、max-age等。各个取值所代表的含义，网上总结挺多的，这里就不打算再进行逐一介绍，感兴趣的可以一起探讨交流。本文仅挑no-cache、must-revalidate这两个进行值进行
开车去环游世界·2020-03-10 11:00

web性能优化－预加载

编辑于2015年PatrickHamann对此的说明：Pre-fetching会提示浏览器那些未来一定或可能使用到的资源，有时在当前页面见效，有些则在未来可能打开的页面生效。作为开发者，我们比浏览器更懂自己的应用。我们可以利用这些技术提前告知浏览器web中用到的核心资源。以前这种实践也被称为『prebrowsing』。但这并不是一种单一的技术，实际上可以拆分成很多小点：dns-prefetch,s
krock01·2020-02-29 17:26

「输入URL到显示页面的过程」及「Web性能优化」

我们这里要谈及的「Web性能优化」，是指在用户输入URL后，到页面显示出来所花的时间较少，而不是什么CPU占用资源少（这是指服务器端的性能优化）。
Jason_Shu·2020-02-21 04:58

专题复习九、web性能优化

写于2017.08.07web优化是个工程性的问题，因为有些优化策略本身是相互矛盾的，所以工作中优化策略的选择必须是根据实际数据测算结果后的考量结果，今天我们就谈下，理论上的优化策略首先我们思考一个老生常谈的问题：一、从你在网页地址栏输入URL敲回车到页面数据展现出来，这个过程中发生了什么？1、DNS查询（找IP）2、建立TCP连接（三次握手）3、发送http请求4、等待（等待服务器响应）5、得到
田田kyle·2020-02-11 10:34

web性能优化

1.减少http请求数量到终端用户的响应时间80%花在前端：大部分用于下载组件（js/css/image/flash等等）。减少组件数就是减少渲染页面所需的http请求数。减少组件数的一个方法就是简化页面设计。保持富内容的页面且能减少http请求，可以从以下几点实现：①，合并文件，如合并js，合并css都能减少请求数（用webpack打包）。②，雪碧图可以合并多个背景图片，通过background
印第安老斑鸠_333·2020-02-07 18:40

前端性能优化

其实业界关于Web性能优化问题已经有许多文档可参考了。我也是针对性能问题结合前人成果做了一下总结。我的思路是沿着一个网页的呈现过程来解析的。首先，我们再
爱学习的小青蛙·2020-02-02 20:38

HTTP缓存

缓存控制Cache-ControlCache-Control是Web性能优化的一种，能加速HTTP请求与响应。
是刘快啊·2020-02-02 10:26

HTTP缓存机制

HTTP缓存机制是web性能优化的一个重要手段，之前自己也只是知道浏览器会对请求的静态文件进行缓存，但是为什么被缓存，缓存的机制是什么，却并不清楚。那么，今天来总结一下。
JuanitaLee·2020-02-02 00:14

web性能优化

背景电梯维保项目首页第一次打开，需要等30秒，用户满意度低下，今天抽空想办法做优化。11.png解决首页动画效果比较多，加载的css和js文件有60个以上，http异步请求数据有5次。打开谷歌浏览器调试工具，发现有个echarts.js插件耗时最长4s，文件有2m，竟然是源码文件，没有经过压缩。果断采用第三方CDN加速服务加载js：http://cdn.bootcss.com/echarts/4.
明见万空·2020-01-06 20:45

Web性能优化权威指南（读书笔记）

书本开片就阐述了一个很重要的定理：速度是关键在互联网飞速发展的时代，人们有非常多的选择，大家变的没不那么有耐心了，人们越来越追求速度方面的用户体验。WPO（WebPerformanceOptimization。web性能用优化）是越来越越多的前端开发所关注的事情。本书概述了网络技术，无线网络性能，HTTP，浏览器API与协议，从底层上告诉用户Web优化的原理。造成web缓慢罪魁祸首是延迟。这里的延
半吊子程序员·2020-01-05 22:03

Web性能优化

web性能可以通过以下几方面来优化content方面1、减少HTTP请求：合并文件、CSS精灵、inlineImage2、减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名3、减少DOM元素数量Server方面1、使用CDN2、配置ETag3、对组件使用Gzip压缩Cookie方面1、减小cookie大小2、css方面3、将样式表放到页面顶部4、不使用CSS表达式5、使用不使用@import
洋小洋同学·2020-01-05 01:21

常见web性能优化的方法

废了好久，一直在工作上出了好多不走心的错误，这段时间一直在理解什么是服务端，开发的思维到底是怎样的，开发了一个半吊子的东西，也荒废了课程,，有点觉得开始觉得无法静下心来好好学习，无法踏踏实实的一步一步走，这真是太可怕了嘤嘤嘤。于是捡起来好久没看的课程开始继续学习木哈哈哈祝我好运吧先从为什么要做性能优化开始：当页面打开速度变得非常慢，当我们滚轮滚动页面开始变的卡顿，当并发数量非常多，多个人访问一台服
李博洋li·2019-12-31 07:12

简述负载均衡&CDN技术

上面提到web性能优化需要多个角度去考虑，我们无法考虑到所有的优化细节，但可以从我们已知的层面去优化，我们就先从网络层面说起。网络请求
Java高级架构·2019-12-28 16:26

推酷《编程狂人》第一六七期

前端开发Vuex模块化实现待办事项的状态管理Pointfree编程风格指南Effective前端7：加快页面打开速度[译]Vue.js组件编码规范前端面试题整理对virtual-dom的一些理解Web性能优化黑科技
推酷·2019-12-27 01:05

web性能优化指南

前端性能优化，是每个前端必备的技能，优化自己的代码，使自己的网址可以更加快速的访问打开，减少用户等待，今天就会从几个方面说起前端性能优化的方案，看下面的一张图，经常会被面试官问，从输入URL到页面加载完成，发生了什么？1.用户输入www.baidu.com2.浏览器通过DNS。吧url解析ip3.和ip地址建立TCP连接，发送HTTP请求4.服务器接收请求，查库，读文件等，拼接好返回的HTTP响应
adolfmc·2019-12-19 08:00

Web性能优化系列：10个提升JavaScript性能的技巧

1.定义局部变量当一个变量被引用的时候，JavaScript将在作用域链中的不同成员中查找这个变量。作用域链指的是当前作用于下可用变量的集合，它在各种主流浏览器中至少包含两个部分：局部变量的集合和全局变量的集合。简单地说，如果JavaScript引擎在作用域链中搜索的深度越大，那么操作也就会消耗更多的时间。引擎首先从this开始查找局部变量，然后是函数参数、本地定义的变量，最后遍历所有的全局变量。
小翼_b998·2019-12-19 03:41

http缓存机制及其原理

大家不应该仅仅局限于知道浏览器会对请求的静态文件进行缓存,但是为什么被缓存,缓存是怎么生效的,也要清清楚楚理解http缓存机制的必要性http缓存机制作为Web性能优化的重要手段,是计算机知识体系中的一个基础的环节
曜灵SUN·2019-12-18 16:20

web性能优化指南

前端性能优化，是每个前端必备的技能，优化自己的代码，使自己的网址可以更加快速的访问打开，减少用户等待，今天就会从几个方面说起前端性能优化的方案，看下面的一张图，经常会被面试官问，从输入URL到页面加载完成，发生了什么？1.用户输入www.baidu.com2.浏览器通过DNS。吧url解析ip3.和ip地址建立TCP连接，发送HTTP请求4.服务器接收请求，查库，读文件等，拼接好返回的HTTP响应
小周sri的码农·2019-12-18 16:00

Web性能优化

2016-11-2314:00许智学Web性能主要涉及前端、后端、数据库三个方面，本次主要涉及前端的性能1.浏览器工作原理用户界面、浏览器引擎、渲染引擎、网络、UI后端、JS解释器、数据存储工作机制页面的渲染顺序我们的现状3.为什么要优化4.如何优化减少HTTP请求样式表放顶部，脚本文件放底部（浏览器每个主机名的并行下载内容不超过2个）压缩资源CND减少cookie的体积传输减少DOM访问参考资料
心彻·2019-12-17 14:57
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他