web性能优化

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

导语HTTP缓存机制作为Web性能优化的重要手段，对从事Web开发的小伙伴们来说是必须要掌握的知识，但最近我遇到了几个缓存头设置相关的题目，发现有好几道题答错了，有的甚至在知道了正确答案后依然不明白其原因
GarfieldEr007·2022-02-12 16:12

CDN和负载均衡是什么？

就像上面提到的，web性能优化是要从多个角度去考虑的，我们是没办法考虑到所有的优化细节，但是我们可以
青沐沐沐·2022-02-09 05:29

HTTP 缓存

虽然HTTP缓存不是必须的，但重用缓存的资源通常是必要的，HTTP缓存是一个web性能优化的重要手段。HTTP缓存的类型通常HTTP缓存策略分为两种：强缓存协商缓存。
·2022-02-05 00:40

FlutterWeb性能优化探索与实践

在这过程中，性能问题是我们面临的最大挑战，本文结合实际业务场景进行思考，介绍美团外卖商家端在FlutterWeb性能优化上所进行的探索和实践，希望对大家能有所帮助或启发。
·2021-12-20 17:59

深圳|顺丰科技-诚招前端开发工程师 职级T8-T11 薪资20k-40k * 15

地点：深圳简历投递：[email protected]职位：前端开发工程师职责：了解业务需求，基于H5/PC端开发实现业务功能；参与Electron桌面客户端的web性能优化、
·2021-10-21 15:49

web性能优化

1、浏览器请求并发限制：每个浏览器对同一域名下的资源的请求有并发限制，例如chrome就是最多为6条：(1)搭建node服务器，接受图片请求服务：(2)前端去node服务器那边同时请求8张图片：(3)在chrome控制台network中查看，发现同一时间线下只能最多处理6个请求优化：采用多域名访问的方式，因为浏览器对同一域名的并发请求有限制，那么可以将图片等静态资源放在另外不同域名的服务器中，那么
·2021-10-03 20:54

web性能优化—— 打包构建优化

作者：麦乐来源：恒生LIGHT云社区压缩与合并资源的合并与压缩所涉及的优化点包括两方面：一方面是减少HTTP的请求数量，另一方面是减少HTTP请求资源的大小。下面我们将详细探讨：HTML压缩、CSS压缩、JavaScript压缩与混淆及文件合并。HTML压缩什么是HTML压缩？准备一个html文件未压缩前的大小6kb，这里使用node工具来压缩：varfs=require('fs');varmin
·2021-09-09 14:09

web性能优化14条

|1.尽可能的减少HTTP的请求数|content||2.使用CDN（ContentDeliveryNetwork）|server||3.添加Expires头(或者Cache-control)|server||4.Gzip组件|server||5.将CSS样式放在页面的上方|css||6.将脚本移动到底部（包括内联的）|javascript||7.避免使用CSS中的Expressions|css|
暮雨默默·2021-06-21 01:23

Web性能优化

title:Web性能优化date:2018-11-0316:46:40tags:[JavaScript]categories:JavaScript1.浏览器会查看是否有缓存除了html文件外尽量使用缓存
祈念念念·2021-06-14 22:42

Web性能优化

很大的话题，我的习惯是，很简单的说一下。压缩源码和图片js混淆压缩（必须代码规范），css普通压缩jpg质量压缩到50%或70%，PNG用开源压缩软件选择合适的图片格式颜色数多，用jpg.相反，用png。通过服务器端判断支持webp,就用webp和svg.（webp很强大）合并静态资源包括css、js、litterpicture,减少http请求。开启服务端Gzip压缩博客，文本多的用起来。使用C
奔跑的达达·2021-06-11 11:03

web性能优化

HTML尽量给图片加上宽高，减少页面重绘，防止图片缩放用link而不是@import样式倒入css样式放页头js放页尾缩小favicon.ico并缓存CSS避免使用css表达式background-color：expression(xxx)减少查询层级：如.header.logo要好过.header.top.logo减少查询范围：如.header>li要好过.headerliJavascript尽
饕餮潴·2021-06-09 18:49

#JS续：8.2 彻底搞懂HTTP缓存机制及原理（转载）

本文转载：彻底弄懂HTTP缓存机制及原理-木上有水-博客园「面试题」简述浏览器缓存是如何控制的正文：前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节
饥人谷_远方·2021-05-07 02:52

2018-09-25缓存控制Cache-Control

cache-control是http缓存，通过缓存可以实现web性能优化首页不能设置cache-control可能导致用户在一定的时间内没有办法获取最新版的网页，有风险。
皱皱眉十三流·2021-04-24 19:43

web性能优化

一减小资源（静态资源，后端加载的数据）大小压缩代码HTML/CSS/JSwebpack4现在已经默认使用uglifyjs-webpack-plugin对代码做压缩Tree-Sharking删除冗余代码Tree-Shaking可以在编译的过程中获悉哪些模块并没有真正被使用，这些没用的代码，在最后打包的时候会被去除。开启Gzip开启gzip压缩可以有效压缩资源体积，压缩比率在3到10倍左右，可以大大节
rongmingye·2021-04-18 23:41

2021前端面试题包括javascript和vue等等

undefined的三种情况5·对象模型BOM里常用的至少4个对象6·会造成内存泄漏的7：解释什么是jsonp8：生成随机数9：link与import的区别10：优化自己的代码11:简述一下你对web性能优化的方案
会加油的小仙女吖·2021-04-15 19:27

奈飞Web性能优化

1.减少javascript的大小最初的页面（注销状态的首页）包含了300kb的JavaScript，包含了React以及Lodash等库。使用Chrome模拟3G链接，加载时间为7s。由于页面是由简单的HTML元素组成的，React不在是必要的，奈飞团队使用原生javascript对页面进行了重构。在删除了React和几个库后，javacript大小减少了200kb以上。缩短了50%的TTI时间
张越·2020-10-11 16:22

奈飞Web性能优化

1.减少javascript的大小最初的页面（注销状态的首页）包含了300kb的JavaScript，包含了React以及Lodash等库。使用Chrome模拟3G链接，加载时间为7s。由于页面是由简单的HTML元素组成的，React不在是必要的，奈飞团队使用原生javascript对页面进行了重构。在删除了React和几个库后，javacript大小减少了200kb以上。缩短了50%的TTI时间
张越·2020-10-11 16:42

Android开发技术周报 Issue#1

用于Web应用层传输，是Web架构的核心，它至今公布有3个版本：HTTP0.9、HTTP1.0、HTTP1.1，作为与时俱进的我们，有必要去了解和学习HTTP2，它对我们未来Web性能优化工作起到很重要的作用
你狗·2020-09-16 19:56

WEB性能优化

1.使用class操作样式，而不是频繁操作style2.避免使用table布局3.批量dom操作，例如createDocumentFragment，或者使用框架，例如React4.Debouncewindowresize事件5.对dom属性的读写要分离6.will-change:transform做优化
ss-·2020-09-16 05:37

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

导语Http缓存机制作为web性能优化的重要手段，对从事Web开发的小伙伴们来说是必须要掌握的知识，但最近我遇到了几个缓存头设置相关的题目，发现有好几道题答错了，有的甚至在知道了正确答案后依然不明白其原因
weixin_33738578·2020-09-15 15:05

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

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

HTTP缓存机制

Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，奈何我不是Web开发出生，只能一点点摸索了。这里对自己的了解做一个记录。
叫我_华哥·2020-09-15 14:40

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

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

HTTP缓存介绍及在spring boot中设置HTTP缓存

介绍在工作之余阅读缓存相关的书籍时，看到了http缓存相关的知识，HTTP缓存机制是一个web性能优化的重要手段，无论是做前端还是做web后台，都可能会用得到它，应该是知识体系库中的一个基础环节，以前这一块学的不是很扎实
0x2015·2020-09-15 08:18

web前端页面性能优化（提升页面加载速度）

（当然技术大牛除外）通过查阅相关资料，了解到了一些关于web性能优化的点，其中涉及的知识大致可以分为几类：度量标准、编码优化、静态资源优化、交付优化、构建优化、性能监控。
feng.Zhang·2020-09-15 01:03

前端面试-浏览器渲染机制

WEB性能优化常见的入手点包括以下几点：1、HTTP请求2、服务器响应速度3、浏览器响应速度其中浏览器响应速度包括渲染速度和代码执行的速度。
a767536305·2020-09-13 21:15

浏览器缓存库设计总结（localStorage/indexedDB）

前言浏览器缓存设计一直是web性能优化中非常重要的一个环节,也是SPA应用盛行的今天不得不考虑的问题.作为一名优秀的前端工程师,为了让我们的应用更流畅,用户体验更好,我们有必要做好浏览器缓存策略.每个Web
徐小夕大帅比·2020-09-12 05:39

web性能优化和seo

web性能优化一、为什么要做性能优化？网站前端的用户体验决定了用户是否想要去使用网站的功能，而网站的功能决定了用户是否会一票否决前端体验。
靳勇辉.·2020-09-11 23:31

GZIP压缩

GZIP压缩是一个经常被用到的WEB性能优化的技巧，它主要是对页面代码，CSS，Javascript，PHP等文件进行压缩，而且在压缩的前后，文件的大小会有明显的改变，从而达到网站访问加速的目的。
linshutao·2020-09-11 09:26

详解全站 HTTPS 访问优化

HTTPS通过3大功能增加了数据传输安全，但同时也给Web性能优化带来了新的挑战。
weixin_30949361·2020-09-10 19:21

web项目优化

前面讲了很多关于缓存清理和编码设置的整合，今天我们说说web性能优化Web性能优化分为服务器端和浏览器端两个方面。
qq_39871740·2020-09-10 16:39

JS 一定要放在 Body 的最底部么？聊聊浏览器的渲染机制

web性能优化的手段并不是非黑即白的，有些手段过头了反而降低性能，所以在讨论条件和结论的时候，虽然很多条件本身会带来其他细微的负面或正面影响，为了不使论述失去重点，不会扩展太开。
weixin_33950035·2020-08-24 17:38

Web 性能优化的几个策略

在进行web性能优化之前，我们先重温一下，访问一个页面地址到浏览器渲染完页面，都有哪些过程：资源请求/获取流程图：资源响应/页面渲染流程图：这两张图无需额外解释了，所以web性能优化主要是针对这里的过程进行优化
hxd_·2020-08-24 15:20

Node基础：资源压缩之zlib

概览做过web性能优化的同学，对性能优化大杀器gzip应该不陌生。浏览器向服务器发起资源请求，比如下载一个js文件，服务器先对资源进行压缩，再返回给浏览器，以此节省流量，加快访问速度。
程序猿小卡_casper·2020-08-24 13:15

前端小白浅谈seo优化以及web性能优化方案

写在前面这是好久之前的工作了，之前还没用vuespa做项目的时候，都是用的原生js写项目，纯html,css,js写项目，真的是每个页面引用css,js各种文件写到头痛，那个时候做一个大型网站，基本都是各种ui框架，bootstrap,layui,amazy-ui,mui,weui,jqueryweui,zui,各种框架各种组合，代码也是混乱不堪，项目体积大，对爬虫不是特别友好，后来项目上线的时候
愿醒静卧忘尘谷·2020-08-24 13:40

HTTP缓存机制及原理

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

前端文档站点搭建方案

第46篇原创好文～本文首发于政采云前端团队博客：前端文档站点搭建方案前言在《自动化Web性能优化分析方案》一文中说到，百策系统性能检测的原理，以及对于检测页面我们最终会生成一份检测报告，如下图所示：通过检测报告
政采云前端团队·2020-08-22 14:17

前端工程与性能优化

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

Java Web性能优化

JavaWeb性能优化转载：http://hi.baidu.com/jiaqiang_22/item/c13dc2ac7d360a3c020a4d76你时常被客户抱怨JSP页面响应速度很慢吗？
jiangzhaobao·2020-08-21 09:29

HTTP缓存（Cache-Control、Expires 、ETag）

HTTP缓存HTTP缓存（ETag、Cache-Control）——谷歌开发者HTTP缓存有利于web性能优化Cache-Control例子假设我们首页有一个请求,请求js文件如何让CSS和JS请求速度加快
马涛涛·2020-08-20 21:01

HTTP缓存（Cache-Control、Expires 、ETag）

HTTP缓存HTTP缓存（ETag、Cache-Control）——谷歌开发者HTTP缓存有利于web性能优化Cache-Control例子假设我们首页有一个请求,请求js文件如何让CSS和JS请求速度加快
马涛涛·2020-08-20 21:01

基于fiddler来模拟限速

适应读者FE研发工程师对fiddler有基本了解的的同学对web性能优化感兴趣的同学本文不会讲太多fiddler基本概念，基本用法，以及安装步骤，所以希望知道以上知识的同学，请在fiddler的官方网站上去了解
weixin_34228617·2020-08-20 14:09

月黑雁飞高，计网全知道——精选22道计网面试题目

2.1HTTPS2.2HTTP报文的组成部分2.2.1请求报文2.2.2响应报文2.3Https和Http对比3、从浏览器输入url到显示页面的步骤4、三次握手与四次挥手三次握手：SYN、ACK四次挥手5、web
java冢狐·2020-08-20 04:44

web性能优化

Web性能优化，是前端优化的终身命题！
Du_三木·2020-08-18 23:42

基于fiddler来模拟限速

[size=large][b]适应读者[/b][/size]FE研发工程师对fiddler有基本了解的的同学对web性能优化感兴趣的同学本文不会讲太多fiddler基本概念，基本用法，以及安装步骤，所以希望知道以上知识的同学
fang9159·2020-08-18 11:23

web性能入门

之前，我们已经分别详细探讨了许多网络组件--不同的物理传输方法和传输协议--现在我们可以把我们的注意力转到更大的，web性能优化的端到端层面。
行云_·2020-08-16 23:26

西安腾讯云面试总结（已拿offer）

web性能优化？web安全？项目中的亮点？二面（电话面试）xss，csrf？闭包？深浅拷贝？三面（电话面试）项目中的亮点？偶发的页面显示不正常改如何处理？样式显示不正常？产生的原因？
xiao_fei_blog·2020-08-16 07:43

简单总结浏览器缓存

为什么要使用浏览器缓存减少冗余的数据传输减少服务器负担，提升网站性能，加快客户端加载网页的速度提升用户体验浏览器缓存作为Web性能优化的重要方式之一，那么浏览器缓存的过程是怎么样的呢？
weixin_33872566·2020-08-16 02:22

HTTP/2 与 WEB 性能优化（二）

在「HTTP/2与WEB性能优化（一）」这篇博客中，我主要写了HTTP/2中的ServerPush给WEB性能优化带来的便利，今天继续来聊一聊HTTP/2其他方面的改变。
可口可乐的围脖·2020-08-16 02:25

Web性能优化

一，前端优化的目的1)从用户角度，优化时候能够让页面加载更快，对用户的操作响应更及时，能够给用户提供更为友好的体验2)从服务商角度，优化能够减少页面请求，或者减少请求所占宽带，能够节省可观的资源优化的方面可以分为页面级别和代码级别二．页面级别一》减少HTTP请求1>原因：1》性能准则：用户最终花相应的10%-20%的时间在接受请求的HTML文档，其他的时间都是花在HTML文档引用的所有组件（图片，
2197·2020-08-16 01:36
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他