Web性能优化

Web性能优化

Web性能优化1.缓存2.DNS查询（减少DNS查询，可减少域名）3.建立TCP连接（TCP连接复用、keepalive、HTTP/2.0多路复用）4.发送HTTP请求、ETags、后台处理（减少cookie
郑无穷大·2018-10-17 13:59

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

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

Web性能优化

1.优化dns查询尽量把资源都放在一个网站，如css、js，尽量减少域名，这样就可以减少dns查询2.优化TCP连接开启连接复用，在请求头里写keep-alive使用HTTP/2.0的多路复用3.发送HTTP请求不滥用cookie，尽量减小cookie体积使用cache-control（缓存），一段时间内不发送请求，用缓存文件同时发送多个请求，如css和js，会同时下载提高效率，但和减少dns查询
彭奕泽·2018-10-15 10:36

web性能优化

几乎所有的开发者都会面临着开发的网站存在加载问题，想要加快网页的加载速度。前端的页面更需要在性能优化上下功夫，只有这样才能实现更好的用户体验。本文从构建、浏览器渲染、缓存、PWA、服务端优化等多方面，梳理前端性能优化的技术点、综合分析技术的原理，根据不同的业务场景选择合适的性能优化点进行应用，最终为你的网站带来显著的速度提升和整体性能提升。先看一下早期CS架构的开发与部署过程再看一下现在BS架构的
之晨·2018-09-28 00:00

HTTP缓存机制

http缓存机制是web性能优化的重要手段。
阿提艾斯·2018-09-19 18:50

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

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

【面试】Web性能优化从前端到后端

原来在web性能优化书上看过总的来分减少传输距离，减少传输量。
It_sharp·2018-08-27 00:00

常见的web性能优化方法

常见的web性能优化方法2017年06月07日10:54:05阅读数：6197前言：关于优化问题，随着项目经验不断累积，多方查找资料进行拼接合并，形成如下文章，之后遇到类似好的方法，会不断补充完善。
danglina123·2018-08-13 15:11

web性能优化 2

Web性能优化大致可分为一下几类：度量标准、编码优化、静态资源优化、交付优化、构建优化、性能监控1.度量标准与设定目标1.1度量标准首次有效绘制（FirstMeaningfulPaint，简称FMP，当主要内容呈现在页面上
蛮吉大人123·2018-08-06 14:52

Nginx反向代理设置

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

《web全栈工程师的自我修养》

5.WEB性能优化（服务器端和浏览器端）1.压缩源码和图片javascript文件源代码可以采用混淆压缩的
雨泉十代·2018-04-24 18:35

深度剖析HTTP缓存机制及原理

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

HTTP 请求头中的 X-Forwarded-For

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

【协议森林】17 彻底弄懂HTTP缓存机制及原理

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

前端利器，6 款开源 Web 性能优化辅助工具推荐

转自：原文链接Web性能优化是一个老生常谈的话题，也是前端页面开发十分重要的部分。当页面加载速度越慢，用户流失的概率就越大，性能和交互直接影响用户体验。
lee_zhou·2018-02-23 11:53

前端利器，6 款开源 Web 性能优化辅助工具推荐

Web性能优化是一个老生常谈的话题，也是前端页面开发十分重要的部分。当页面加载速度越慢，用户流失的概率就越大，性能和交互直接影响用户体验。下面推荐几款Web性能优化辅助工具推荐，希望能对大家有所帮助。
开源中国_·2018-02-23 11:21

代码方面的WEB性能优化

缓存DOM查询vari; for(i=0;i item1 item2 item3 item4 item5 item6 window.onload=function(){varparent=document.getElementById('parent');//li太多了，就代理到ul元素上，这个通过事件冒泡机制传到ul元素上//这样就可以只绑定一次事件就可以了parent.addE
AndyNikolas·2018-02-06 00:00

Web性能优化

Web性能优化方案有很多，最著名的的当然要属YSlow团队的“Web性能最佳实践和规则”。这里结合近年来前端的发展情况及目前主流技术，对Web性能优化的具体实施做一个简单的梳理和总结。
stevobm·2018-01-30 20:13

HTTP 缓存

--PhilKarltonWeb开发的优化阶段中，缓存是必不可少的一个因素，而其中HTTP缓存机制是Web性能优化的一个重要手段，善于利用HTTP缓存，能够大大提升Web页面的访问速度。
时间被海绵吃了·2018-01-18 00:00

web全栈

各个组件  Html正规样式 Nosql数据库NoSQL，泛指非关系型的数据库，大数据背景，非关系型数据库速度更快 Node.js一专多长，关注商业目标，关注用户体验 结构html表现css 行为js Web
酱油油MGD·2018-01-07 00:00

浏览器的渲染机制

关于浏览器的渲染机制，这应该是每一个前端需要了解的一个很重要的知识点这对于后面的web性能优化有着至关重要的作用。如图：1.首先浏览器解析html，生成一个dom树。
_claus·2017-12-26 00:19

性能优化的十条最经典的建议

WEB性能优化写在前面Web性能优化是一个近年来新兴的一个产业，该发展迅速主要取决于企业越来越重视用户体验。
志_恒·2017-12-03 22:37

web性能优化三图片的相关优化

有损压缩-一张jpg图片的解析过程，损失的信息不会构成用户使用困扰可以看出，在一张紧jpg解析过程中会有损失，但是图片的损失还不会影响到用户的视觉png8/png24/png32之间的区别png8png24png32256色2^24色2^24色支持透明不支持透明支持透明文件小介于两者之间文件大在实际项目中选择png图片的时候，可以按照实际场景进行抉择，因为每种图片格式都有自己的特点，针对不同的业务
写代码的我·2017-11-30 00:00

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

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

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

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

web性能优化二-文件压缩与混淆

html压缩html压缩使用在线网站进行压缩在线压缩工具nodejs提供的html-minifier工具后端模板引擎渲染压缩（ejs/jade模板引擎）gulp/webpack等构建工具提供的插件的压缩css压缩首先对无效代码的删除，减少文件的大小，提升css渲染速度;对css语义进行合并使用在线网站进行压缩在线压缩工具；使用html-minifier对html中的css进行压缩；使用clean-
写代码的我·2017-11-28 00:00

web性能优化一

web性能优化对于任何大型项目都是必不可少的一环，那么如何做好web端的性能优化，从哪些方面入手？
写代码的我·2017-11-28 00:00

Web性能优化与Http2

如今，互联网上的内容越来越丰富，过去几年时间，一个页面产生请求和整个大小都一直增长，这个趋势还会一直保持，对页面性能优化也要马不停蹄。一个页面，会经历过加载资源，执行脚本，渲染界面的过程。我们知道，100ms对于计算机来说，可以干很多事情了，但是对于网络请求，可能一次RTT就没了。因此，页面加载对于Web性能是重中之重。加载的快慢可以总结成受两个因素影响：阻塞与延迟。1、阻塞。浏览器在解析到脚本时
gb4215287·2017-09-28 09:26

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

转载自http://www.cnblogs.com/chenqf/p/6386163.html前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节
goolong·2017-09-27 14:08

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

转载自http://www.cnblogs.com/chenqf/p/6386163.html前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节
goolong·2017-09-27 14:08

Web性能优化最佳实践:JavaScript&CSS篇

Yahoo!的ExceptionalPerformance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。ExcetionalPerformance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等
马里奥Joseph·2017-09-21 21:23

前端面试系列（一）：网站优化的解决方案

文件合并（目的是减少http请求）Web性能优化最佳实践中最重要的一条是减少HTTP请求，减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSSSprites、
一天一颗蛋的开心·2017-09-02 10:30

Web性能优化之中文字体(梁王的开发笔记)

前言最近在优化项目性能，由于要想完美的贴合设计稿，所以使用了font-face加载字体，然而分析.png这么恐怖的吗，加载字体就耗了20多M。所以这很有必要优化一下。解决方案的寻找font-displayhttps://css-tricks.com/font-display-masses/这篇文章很好的介绍了font-display这个属性简单来说就是可以设置网站在字体加载前使用系统字体，当字体下
梁王io·2017-08-06 14:22

web性能优化——关键渲染路径（上）

文章同步更新于Githubblog从收到HTML、CSS和JavaScript字节到对其进行必需的处理，从而将它们转变成渲染的像素这一过程中有一些中间步骤，优化性能其实就是了解这些步骤中发生了什么，即关键渲染路径。优化关键渲染路径是指优先显示与当前用户操作有关的内容。通过优化关键渲染路径，我们可以显著缩短首次渲染页面的时间。此外，了解关键渲染路径还可以为构建高性能交互式应用打下基础。构建对象模型浏
Pines_Cheng·2017-08-06 00:00

web性能优化——优化内容

与桌面应用不同，网络应用不需要单独的安装过程：只需输入网址，便可启动和运行-这是网络的一个关键特色。不过，要做到这一步，我们通常需要获取几十个（有时甚至是几百个）不同的资源，所有这些资源加起来的数据量高达几兆字节，并且必须在短短几百毫秒内汇聚起来，以实现我们想要达到的即时网络体验。在满足上述要求的前提下实现即时网络体验绝非易事，优化内容效率至关重要的原因就在于此：避免不必要的下载、通过各种压缩技术
Pines_Cheng·2017-08-06 00:00

web性能优化之CSS篇

1.使用GPU缓存减少Painting2.使用CSStransition完成一次性动画3.动画过程避免布局渲染4.CSS3动画通常是不被阻塞的，可以获得独立线程进行绘制5.css样式名尽量简短，样式选择尽量简短6.尽量减少不必要的样式属性7.尽量不要在样式属性值中写表达式未完待续，继续追加
guobotry·2017-08-05 00:00

web性能优化之规范篇

1.css置顶，js置底：原因是浏览器是从上到下渲染的2.图片精灵合并图片3.chrome浏览器gzip压缩后发送4.cache-control和expires合理设置5.keep-alive合理使用：Connection:Keep-Alive Keep-Alive:timeout=206.If-Modified-Since和Last-Modified配合判断文件是否修改（文件修改时间）7.If-
guobotry·2017-08-05 00:00

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

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

web性能优化之javascript篇

1.清空数组用arr.length=0，不要用arr=[]；这样相当于又创建了一个新对象赋值给arr2.对象使用完成后尽量置空obj=null,这样利于浏览器GC3.使用Canvas绘图可以有效避免渲染树4.WebWorkers异步线程（高级浏览器中特性，如果有兼容性要求请慎用）5.能使用局部变量的尽量不用全局变量6.如果字符串连加比较多的话尽量先用数组存储，然后join。注意java端尽量用St
guobotry·2017-08-05 00:00

web性能优化之DOM篇

1.使用createDocumentFragment,display:none,cloneNode等方法，避免浏览器多次layout2.使用requestAnimationFrame或者fastdom（避免连续的强制同步布局发生）3.classList代替className4.DOM批量读写，不要一会读一会写5.加载页面是尽量给图片设定宽高，避免图片加载完成后重新渲染部分页面6.实现元素的动画，它
guobotry·2017-08-05 00:00

web性能优化 高性能网站建设指南

公司的平台需要对访问速度等进行优化，大致的方向就是从缓存、压缩、减少请求等方面进行处理，不光需要对网络有一定的理解，也需要对浏览器的机制以及前端的技术等有些许的了解，在这个过程中，阅读了《高性能网站建设指南》，其中就描述了雅虎的工程师们，总结出的“性能黄金法则”：“只有10%20%的最终用户响应时间花在了下载HTML文档上。其余的80%90%时间花在了下载页面中的所有组件上”。
傲十郎·2017-08-04 00:00

css优化，js优化以及web性能优化

Css优化总结     对于css的优化可以从网络性能和css语法优化两方面来考虑。Css性能优化方法如下：1、css压缩Css压缩虽然不是高端的知识，但是很有用。其原理也很简单，就是把我们css代码中没有用的空白符等删除，达到缩减字符个数的目的。 压缩css代码的工具：A、YUIcompressor，可以在线压缩css和js代码。B、gulp自动化构建工具，中的gulp-minify-css。 
幸福璐·2017-07-27 00:00

web性能优化前端篇

最近在写一个智慧教室行为管理网站，网站已经完工，老师见我没事儿干了，让我尝试如何在前端实现性能优化，以前也模糊知道一些，图片加载。http请求方面的东西，但是不全，现在就来总结一下，以下是比较常见的减少http请求压缩并优化js/css/image简化，尽量静态页面减少http请求80%的相应时间花在下载网页内容(images,css,js,flash)等，减少请求次数是缩短响应时间的关键，可以通
Decade_xun·2017-07-21 10:23

web性能优化前端篇

最近在写一个智慧教室行为管理网站，网站已经完工，老师见我没事儿干了，让我尝试如何在前端实现性能优化，以前也模糊知道一些，图片加载。http请求方面的东西，但是不全，现在就来总结一下，以下是比较常见的减少http请求压缩并优化js/css/image简化，尽量静态页面减少http请求80%的相应时间花在下载网页内容(images,css,js,flash)等，减少请求次数是缩短响应时间的关键，可以通
Decade_xun·2017-07-21 10:23

大话WEB前端性能优化基本套路

WEB性能优化套路基础套路1：减少资源体积
SFLYQ·2017-07-14 14:41

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

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

http 之 HTTP_X_FORWARDED_FOR

一方面，前端很多工作如Web性能优化，大部分规则都跟HTTP、HTTPS、SPDY和TCP等协议的特点直接对应，如果不从协议本身出发而是一味地照办教条，很可能
戈丫汝·2017-06-21 16:00

常见的web性能优化方法

前言：关于优化问题，随着项目经验不断累积，多方查找资料进行拼接合并，形成如下文章，之后遇到类似好的方法，会不断补充完善。前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?1.从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验
lucky芬·2017-06-07 10:05

Web性能优化之动态合并JS/CSS文件并缓存客户端

在Web开发过程中，会产生很多的js/css文件，传统的引用外部文件的方式会产生多次的http请求，从而加重服务器负担且网页加载缓慢，如何在一次请求中将多个文件一次加载出来？接下来给大家介绍在ASP.NET中动态合并加载多个js或css文件。原理：减少请求服务器的次数达到优化效果先给大家看一下传统引用方式和优化后的比较：1.传统引用方式(下图)：这样的引用方式将会请求5个js文件也就是5次http
huang100qi·2017-06-04 23:26

详解全站 HTTPS 访问优化

HTTPS通过3大功能增加了数据传输安全，但同时也给Web性能优化带来了新的挑战。
jjjyyy66·2017-05-15 14:19
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他