web性能

自从我这样撸代码以后，公司网页的浏览量提高了107%

HTTP协议是前端性能乃至安全中一个非常重要的话题，最近在看《web性能权威指南(HighPerformanceBrowserNetworking)》，把其中关于HTTP部分的内容拿出来分享一下，加了一点自己的想法
成长穿透迷茫·2020-03-28 23:19

关于React组件规范化的一些建议——UI组件篇

一个良好的代码规范，不仅能提升web性能，提高团队协作，还便于后期维护，拓展。“代码即文档”是我们对规范的一个愿景。下面就基于ES6的React项目配置，谈几点对React组件规范的几点建议。
梁相辉·2020-03-28 10:11

从网络通信角度谈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 性能优化 - TCP

但是TCP设计并未过多顾及时间，由此给浏览器Web性能带来了挑战。三次握手所有TCP连接一开始都必须经过三次握手。客户端与服务器在交换应用数据之前，必须就起始分组序列号，以
三毛丶·2020-03-23 07:36

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

NodeJS学习day01

NodeJS发展作者：DyanDahl跟编程无关的纽约博士退学云通信web性能专家GoogleV8出现一个平台：集成了Google的V8引擎，让JS运行在服务器端的平台**Node发展第一阶段（2009
changlinwang·2020-03-19 00:48

web性能优化

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

Web性能压力测试工具之ApacheBench(ab)详解

参考链接：www.ha97.com/4617.html；超实用压力测试工具－ab工具-PS：网站性能压力测试时性能调优过程中必不可少的一环。只有让服务器处在高压情况下才能真正体现出各种设置所暴露的问题。Apache中有个自带的，名为ab的程序，可以对Apache或其他类型的服务器进行网站访问压力测试。ApacheBench命令原理：ab命令会创建很多的并发访问线程，模拟多个访问者同时对某一URL地
Mandy_jin·2020-03-18 07:33

Web性能的几个常见瓶颈

瓶颈一：缓存在面对静态内容的时候，我们最常用的方式就是通过将其缓存在浏览器、中间代理服务器或者CDN之上。因为能够提供相当大的卸载，这种将静态内容的缓存行为毫无疑问将对终端用户和源站服务器产生良好的影响。根据当前的趋势，我们可以看到，许多站点实际上都在缓存类似于JS，图像，CSS等对象；但是，我们却发现能够对HTML进行缓存的站点却并不多见。基础页面一般是比较动态化的，大部分的网站所有者都不会对这
乖乖果效36·2020-03-16 09:53

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

React初步理解（适合新手理解）

这一概念提高了Web性能。在UI渲染过
立觉·2020-03-12 07:47

[转]HTTP/2.0 相比1.0有哪些重大改进？

://www.zhihu.com/question/34074946/answer/75364178转载已获授权，他人转载请自行询问原作者正文HTTP2.0的出现，相比于HTTP1.x，大幅度的提升了web
严北·2020-03-11 13:33

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

《Spring Boot极简教程》第9章 Spring Boot集成Scala混合Java开发

第9章SpringBoot集成Scala混合Java开发本章我们使用SpringBoot集成Scala混合Java开发一个Web性能测试平台。
一个会写诗的程序员·2020-03-06 09:14

Web性能提升之Http2.0

在详细分析http2.0之前，有必要先看看http协议的演进史，是如何一步一步从http1.0升级到http2.0的：Http1.0在仔细的分析http1.0,http1.1,http2.0的区别之前，我对http协议的理解停留在http1.0的水平：请求头部：Connectedtoxxx.xx.xxx.xxxGetxxxHttp/1.0User-AgentLxxxxxAccept:/请求响应：H
小胖子嘿嘿嘿·2020-03-05 11:38

multi-mechanize性能测试工具

Multi-Mechanize最常用于web性能和可扩展性（scalability）测试，也适用于任何python可以访问的API。尤其适合后台性能测试。稍微懂点编程的话，这个工具会
python测试开发_AI命理·2020-03-03 21:54

web性能优化－预加载

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

前端｜加载的图片太多或太大如何优化(上)

摘要web性能的终极目标是减少资源到客户端的延迟,但是我们在HTTP1.0/HTTP1.1协议中经常会遇到加载的图片太多或者太大导致页面加载完成慢的问题:图片太多导致向服务器请求的次数太多,图片太大导致每次请求的时间过长
coder_Lucky·2020-02-29 03:44

14款好用开源的Web应用压力负载，性能测试工具推荐

关键特性：泛型测试方法灵活的测试脚本编写分布式框架成熟的HTTP支持Multi-MechanizeMulti-Mechanize是一个开源的Web性能和负
红薯·2020-02-23 15:54

Chrome 性能调优简介

也许在PC上我们还感觉不出来强烈的卡顿，但是随着前端移动端的发展，Web性能问题在移动端得到了急剧放大。什么才是真正的流畅呢？目前来说，与设备刷新频率保持一致，即60fps才可以说是真正的操作很流畅。
Tsung·2020-02-22 12:33

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

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

2017ArchSummit-WEB加速，协议先行

这个分享主要对提升WEB性能，在协议层面讨论优化的方案，主要分三个层面优化，TCP层面，TLS层，HTTP层。
张嚣张·2020-02-16 09:50

计算机网络HTTP：HTTP/1.x 和 HTTP/2

WEB性能的终极目标减少到客户端的延迟，让用户能够尽可能快的打开前端网页并进行相关交互。尽可能发送少的数据给服务器，从服务器下载尽可能少的数据，尽可能减少往返（RoundTrips）。
xiaobaizzZ·2020-02-13 00:00

专题复习九、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

2019学软件测试常用软件大全

Selenium、QTP：Web自动化测试Appium等：APP自动化测试DDMS、AMT：APP专项等工具Fiddler、Charles：抓包工具、WEB性能分析postman：接口测试JMeter、
LinminWang·2020-02-07 03:10

如何提升Web性能

参考《高性能网站建设指南》规则一：尽量减少HTTP请求。1.使用CSSSprites合并图片。2.使用data:URL内联图片。3.合并脚本以及样式表。规则二：使用CDN。规则三：添加Expires头和带有max-age的Cache-Control进行缓存。规则四：添加Aacept-Ecoding头进行压缩。规则五：将样式表放在顶部。规则六：将脚本放在底部。规则七：减少DNS查询。规则六：避免重定
暮云春树_3126·2020-02-06 09:02

HTTP2 Sampler for JMeter

HTTP2.0的出现，相比于HTTP1.x，大幅度的提升了web性能。在与HTTP/1.1完全语义兼容的基础上，进一步减少了网络延迟。而对于前端开发人员来说，无疑减少了在前端方面的优化工作。
呆呆冬·2020-02-06 04:08

前端性能优化

其实业界关于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 性能监控

本文就来整理下如何进行web性能监控？包括我们需要监控的指标、监控的分类、performance分析以及如何监控。但是，如何进行web性能监控本身是一个很
isNealyang·2020-01-15 12:00

《Web性能权威指南》笔记：TCP的优化建议

参考书籍：Web性能权威指南1.服务器配置调优服务器升级到最新内核TCP的最佳实践以及影响其性能的底层算法一直在与时俱进，而且大多数变化都只在最新内核中才有实现。
waka·2020-01-07 14:31

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性能优化权威指南（读书笔记）

web性能用优化）是越来越越多的前端开发所关注的事情。本书概述了网络技术，无线网络性能，HTTP，浏览器API与协议，从底层上告诉用户Web优化的原理。造成web缓慢罪魁祸首是延迟。这里的延
半吊子程序员·2020-01-05 22:03

react的优点

这一概念提高了Web性能。在UI渲染过程中，React通过在虚拟DOM中的微操作来实对现实际DOM的局部更新。跨浏览器兼容虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至在IE
Bookish倩宝·2020-01-05 01:23

Web性能优化

web性能可以通过以下几方面来优化content方面1、减少HTTP请求：合并文件、CSS精灵、inlineImage2、减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名3、减少DOM元素数量Server
洋小洋同学·2020-01-05 01:21

YAHOO 35条前端优化建议

的ExceptionalPerformance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。
拉风的老衲·2020-01-04 19:01

如何进行 web 性能监控，你的方法用对了吗？

本文就来整理下如何进行web性能监控？包括我们需要监控的指标、监控的分类、performance分析以及如何监控。
程序媛拾玖·2020-01-03 15:13

Web性能权威指南 PDF扫描版

Web性能权威指南是谷歌公司高性能团队核心成员的权威之作，堪称实战经验与规范解读完美结合的产物。《Web性能权威指南》目标是涵盖Web开发者技术体系中应该掌握的所有网络及性能优化知识。
cad教程分享·2020-01-01 16:14

JMeter测试WEB性能入门篇之环境搭建

一．JMeter介绍1.ApacheJMeter是什么ApacheJMeter是Apache组织的开放源代码项目，是一个纯Java桌面应用，用于压力测试和性能测量。它初被设计用于Web应用测试但后来扩展到其它测试领域。ApacheJMeter可以用于对静态的和动态的资源（文件，Servlet，Perl脚本，Java对象，数据库和查询，FTP服务器或是其它资源）的性能进行测试。JMeter可以用于在
JAVA伯乐·2020-01-01 10:31

【译】使用 Script-Streaming 提升页面加载性能

加载JavaScript算是web性能最严重的瓶颈之一，尤其在低端CPU上情况更糟糕。
苏星河·2019-12-31 11:03

常见web性能优化的方法

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

浏览器渲染优化

小白时期在业务经验不足的时候，对Web性能的理解是笼统的，了解的优化方式也是零零散散，阅读了一些性能优化的标准，如雅虎军规35条，却总是觉得不够系统。
一个笑点低的妹纸·2019-12-31 04:38

Dhybird框架总览

该方案主要对Web运行环境进行优化，最大限度的挖掘Web性能，以及提供丰富的原生APIs供Javascript调用(或监听)。超强的扩展能力。
小鱼游儿·2019-12-30 23:00

web应用性能监控：javamelody

源码地址请戳这里近期有web性能监控方面的需求，特此整理一下使用说明以利于备忘简介JavaMelody是一个监控Java或者JavaEE应用的工具。
hutou·2019-12-30 07:04

简述负载均衡&CDN技术

上面提到web性能优化需要多个角度去考虑，我们无法考虑到所有的优化细节，但可以从我们已知的层面去优化，我们就先从网络层面说起。网络请求
Java高级架构·2019-12-28 16:26
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他