web性能

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解释器、数据存储工作机制页面的渲染顺序我们的现状
心彻·2019-12-17 14:57

Web 性能优化：缓存 React 事件来提高性能

这是Web性能优化的第三篇，上一篇在下面看点击查看：Web性能优化：使用Webpack分离数据的正确方法Web性能优化：图片优化让网站大小减少62%JavaScript中一个不被重视的概念是对象和函数是如何引用的
Android高级架构探索·2019-12-15 02:37

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

这是Web性能优化的第二篇，上一篇在下面看点击查看：Web性能优化：使用Webpack分离数据的正确方法图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。
Android高级架构探索·2019-12-14 18:44

牛逼了| 从0到1 搭建Web性能监控系统

image本文原文2017年首发在我的个人博客www.ipengtao.com，今天想到后续文章可能会提及，提前给大家分享一下，方便提及的时候大家有印象。之前给研发团队简单做了一次技术分享，主要讲了为什么我们要自己做监控，监控的指标维度，监控基本流程及常见监控工具介绍，最后如何从零快速开始搭建一套自己的监控工具，更多请在「涛哥聊Python」后台回复「PPT」。工具介绍image1.Statsd是
pengtaotalk·2019-12-14 03:13

资源下载列表

[零成本实现WEB性能测试基于APACHEJMETER].温素剑.扫描版.pdf链接:https://pan.baidu.com/s/1Nkzhf1ry1SQIoSvbd18WQA提取码:p82i3.
jiguanghover·2019-12-13 17:00

TCP 性能优化浅析

因此，我们要进行web性能优化，TCP是其中的关键一环。要针对TCP进行性能优化，就得理解其工作原理。三次握手众所周知，建立一次TCP连接需要进行三次握手。关于三次握手，一图胜千言。图1
苏星河·2019-12-12 12:55

一张Web性能优化参考图

Web性能的重要性不言而喻：性能为何至关重要。性能优化涉及的点比较多，我们经常能看到一些文章列举了多少条性能优化的点，但是这些优化手段的出发点是什么？
一个笑点低的妹纸·2019-12-08 12:40

ApacheBench 测试工具的认知与问题总结

ApacheBench的认知与安装Web性能压力测试工具之ApacheBench（ab）详解及概念普及超实用压力测试工具－ab工具遇到的问题ab问题解决方案ab常见问题汇总1.使用apache的ab做压力测试时
manajay·2019-12-08 09:30

web性能优化

前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?像以上这种方式直接在页面上写对页面的性能也是有影响的，即增加了页面首次加载的负担，推迟了DOMLoaded和window.onload事件的触发时机。如果时效性允许的话，可以考虑在DOMLoaded事件触发的时候加载，或
奶油小生Cc·2019-12-06 23:22

jmeter-基础知识（20170828）

零成本实现web性能测试---第二章一、jmeter常用术语1.采样器2.逻辑控制器3.监听器4.配置元件5.断言6.定时器7.前置处理器8.后置处理器9.测试计划10.线程组11.工作台二、jmeter
eosclover·2019-12-02 02:32

面试题汇总

CSS3动画如何启动硬件加速回调、Promise、yield结合网络协议谈WEB性能优化HTTP请求的head和body里都有啥客户端存储都有哪些？介绍一下。sessionStorag
时间中的看客·2019-11-29 09:32

40G成本高，10G不够用怎么办？

从视频直播，到Web性能、云安全，再到4K、VR……各种新兴应用对互联网流量的需求一直在飞速攀升。
wx5db79fc293ace·2019-11-25 16:52

前端页面性能

前端性能优化之雅虎35条军规关于前端性能优化的23条建议web性能优化面试2018前端性能优化清单-简略2018前端性能优化清单页面优化一、避免页面卡顿拆分代码段————用requestAnimationFrame
Aniugel·2019-11-20 17:39

web性能优化

web性能用优化）是越来越越多的前端开发所关注的事情。本书概述了网络技术，无线网络性能，HTTP，浏览器API与协议，从底层上告诉用户Web优化的原理。造成web缓慢罪魁祸首是延迟。这里的延
Wong巴卫·2019-11-06 06:07

Web 性能优化的常见方法

首先我们应当明确的是使一个网站加载得很快得过程才叫做Web性能优化，而让一个网站的服务器的CPU占用少叫做服务器性能优化一、分析过程要分析一个网站有哪些过程需要进行优化，那么我们首先应清楚一个网站在加载过程中经历了哪些过程
_ClariS_·2019-11-05 14:23

常见的web性能优化方法

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

众妙之门网站UI设计之道pdf电子书

不过从看第四章讲网站可用性开始眼前一亮，各种深入分析结合高质量的彩插，看得我直呼过瘾，后面还有些之前接触较少的知识，比如web性能优化，为销售而设计，用设计打造网站品牌等等，都很精彩。
冷曼青菱·2019-11-01 14:03

IT类翻译 -- HTTP/2正给Web性能最佳实践带来怎样的影响？

#HowHTTP/2IsChangingWebPerformanceBestPractices#HTTP/2正给Web性能最佳实践带来怎样的影响？
瞎猫与死耗子·2019-10-31 09:42

Python__slots__详解

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

Ngrinder简单idea部署

1.Ngrinder架构图nGrinder是基于Grinder的开源的web性能测试平台，由韩国最大互联网公司NHN公司的开发团队进行了重新设计和完善。
知止内明·2019-10-09 16:13

自动化 Web 性能分析之 Puppeteer 爬虫实践

本文首发于政采云前端团队博客：自动化Web性能分析之Puppeteer爬虫实践原创不易，希望能关注下我们，再顺手点个赞~~通过上篇文章《自动化Web性能优化分析方案》的分享想必大家对“百策系统”有了初步的了解
政采云前端团队·2019-09-30 11:44

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

NicholasZakas是一位JS大师，Yahoo!首页的前端主程。他是《高性能Javascript》的作者，这本书值得每个程序员去阅读。当谈到JS性能的时候，Zakas差不多就是你要找的，2010年六月他在GoogleTechTalk发表了名为《SpeedUpYourJavascript》的演讲。但Javascript性能优化绝不是一种书面的技术，Nicholas的技术演进列出了10条建议，帮
·2019-09-24 04:02

Linux下Web性能压力测试工具http_load使用教程

http_load介绍：http_load基于linux平台的一种性能测工具。以并行复用的方式运行，用以测试web服务器的吞吐量与负载，测试web页面的性能。下载及安装:wgethttp://www.acme.com/software/http_load/http_load-12mar2006.tar.gztarxzvfhttp_load-12mar2006.tar.gzcdhttp_load-1
·2019-09-23 19:06

Web性能压力测试工具Siege使用教程

Siege是一个多线程http负载测试和基准测试工具。通过使用Siege提供的功能，可以很容易的制定测试计划：包括规定使用并发用户数、重复数量，从而可以模拟在服务器、网络或者其它对象上附加负载以测试他们提供服务的受压能力，方便的测试服务器的性能。官方下载地址：http://www.joedog.org/pub/siege/Siege安装：#wgethttp://www.joedog.org/pub
·2019-09-23 19:04

nginx中使用nginx-http-concat模块合并静态资源文件

首先了解一下nginx-http-concat，他是一个淘宝的开源Nginx模块，是一个能把多个CSS和JS合并成一个请求的Nginx模块，对于Web性能优化非常有意义。
·2019-09-23 18:49

web性能优化实践

一、SQL查询优化1.循环中有多次查询sql，改为在循环外一次查询后再处理2.循环多次插入，改为组装好数据后批量插入3.梳理业务逻辑能一次查完的，绝不分多次查4.索引用起来5.分页查询二、代码优化1.PHP通过PDO查询数据库获取数据结果集的优化根据业务需要，为了获取这种数据结构的数据如下：以前的方式如下，对查询结果重新循环进行组装，会造成耗时优化后的方式—通过PDO的fetchALL传入参数进行
辉是暖阳辉·2019-09-20 08:00

Burpsuit构造测试数据

一、使用场景测试设备web性能优化时，需要构造或删除多个user、设备、设备账号、订单等，除了使用excel批量导入外，有些数据构造/删除使用burpsuit代理并将对应请求发送到BurpIntruder
近我者甜·2019-09-19 21:00

jemter简单测试方式

**功能强大，jmeter设计之初只是一个简单的web性能测试工具，但经过不段的更新
kelly11·2019-09-19 14:00

分享Web性能的前端优化技巧

这是一篇讲述帮助、改善优化前端的技术，对于前端人员是十分有用的知识。主要内容有清理代码、压缩图片、压缩外部资源以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性能提升。一、清理HTML文档HTML，即超文本标记语言，几乎是所有网站的支柱。HTML为网页带来标题、子标题、列表和其它一些文档结构的格式。在最近更新的HTML5中，甚至可以创建图表。HTML很容易被网络爬虫识别，因此搜索引擎可
Debug_info·2019-09-17 14:51

web性能优化之：prefetch和prerender.

阅读更多本文从预加载的角度介绍如何优化页面载入和渲染的性能，在展开内容之前先了解一下浏览器显示页面的过程：首先是DNS解析，然后建立TCP连接，接着下载HTML内容以及资源文件，最后才是整个页面的渲染。如图：图片来源：https://docs.Google.com/presentation/d/18zlAdKAxnc51y_kj-6sWLmnjl6TLnaru_WH0LJTjP-o/present
wx1568185208·2019-09-11 15:00

制作幸运28程序中web性能优化

1.减少外部HTTP请求网页加载的时间与http请求密不可分，制作幸运28程序q而外部资源的加载的速度则与主机服务提供商服务器架构和分布地点有关。我们可以通过检查自己的网站上多余的图片、css、JavaScript和一些组件，然后对应的去逐个完善，就可以减少一些http请求。2.按需加载资源资源（特别是图片）的按需加载或者说惰性加载，可以有助于你的web应用在整体上获得更好的性能。对于使用大量图片
heneiwufen·2019-09-04 11:14

web性能优化

1.减少外部HTTP请求网页加载的时间与http请求密不可分，而外部资源的加载的速度则与主机服务提供商服务器架构和分布地点有关。我们可以通过检查自己的网站上多余的图片、css、JavaScript和一些组件，然后对应的去逐个完善，就可以减少一些http请求。2.按需加载资源资源（特别是图片）的按需加载或者说惰性加载，可以有助于你的web应用在整体上获得更好的性能。对于使用大量图片的页面来说惰性加载
Mr.zhang℡·2019-09-03 00:00

自动化 Web 性能优化分析方案

本文首发于政采云前端团队博客：自动化Web性能优化分析方案在构建Web站点的过程中，任何一个细节都有可能影响网站的访问速度。
政采云前端团队·2019-09-03 00:00

Sitespeed基本原理+docker安装与运行

一、工作原理简要说明  sitespeed.io是一款开源的Web性能测试工具，用来衡量Web网站的综合性能，帮助开发和测试人员分析网页的加载速度和渲染性能。
HappyBoke·2019-08-29 11:01

送 50 份优质前端书籍/专栏

本次将送出:☀️《漫画算法：小灰的算法之旅》(全彩)*10☀️《Web性能权威指南》*7☀️《前端程序员面试笔试题真题库》*5☀️《深入浅出Vue.js》*7☀️《React+Redux前端开发实
前端达人·2019-08-27 07:00

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

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

web性能测试工具

由于项目需要，最近对产品的性能做了简单的性能测试，调研了常用的几款性能测试工具。-LoadRunnerJmeterLocust授权方式商业收费开源免费开源免费开发语言C/JavaJavaPython测试脚本形式C/JavaGUIPython并发机制进程/线程线程协程单机并发能力低低高资源监控支持不支持不支持报告与分析完善简单图表简单图表支持二次开发不支持支持支持分布式压力支持支持支持测试平台控制端
hiph·2019-08-21 17:42

如何将bug杀死在摇篮里？解读压测必经之路JMeter分布式的技术点

JMeter是当前Web性能测试中应用最为广泛的工具，简洁强大的界面，开源免费的授权，以及广泛的插件扩展，使得JMeter能满足几乎所有Web场景的性能测试。
cky8792·2019-08-08 17:03

web常见性能优化总结（浏览器渲染过程详解）

文章目录一、什么是web的性能优化二、web性能优化的目的三、web性能优化的原理3.1加载文档3.2生成dom树3.3加载css和js3.4生成CSSOM3.5rendingtree3.6layout
暗影刀客·2019-08-03 20:24

利用Docker安装Web前端性能测试工具Sitespeed.io

Sitespeed.io概述1.Sitespeed.io简介2.Sitespeed.io使用场景二、Sitespeed.io的安装和使用1.安装Sitespeed.io2.连接Docker，驱动浏览器进行Web
飞天小子·2019-07-18 15:00

web性能优化

开发及性能优化1、规避javascript多人开发函数重名问题命名空间封闭空间js模块化mvc（数据层、表现层、控制层）seajs变量转换成对象的属性对象化2、减低页面加载时间的方法压缩css、js文件合并js、css文件，减少http请求外部js、css文件放在最底下减少dom操作，尽可能用变量替代不必要的dom操作3、web前端开发提高页面性能优化内容方面：1.减少HTTP请求(MakeFew
小鱼2015·2019-07-15 15:00

每天学点node系列-zlib

概览做过web性能优化的同学，对性能优化大杀器gzip应该不陌生。浏览器向服务器发起资源请求，比如下载一个js文件，服务器先对资源进行压缩，再返回给浏览器，以此节省流量，加快访问速度。
一半水一半冰·2019-07-11 20:00

3个重要的Web性能优化技巧，Web前端新手必看

Web性能优化重不重要？相信每一个从事web前端开发的人都会回答重要，毕竟Web性能优化好的网站可以给用户带来更好的体验，这也意味着用户对网站更满意，自然也就能为网站带来效益。
qf2019·2019-07-04 10:30

Web 性能优化的几个策略

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

【ChromeDevTool】Performace的简单使用

说到ChromeDevTool，你是不是和我一样，经常在Element，Console,NetWrok...里梭哈再梭哈为什么要使用PerformancePerformance作为Web性能监控的工具，
ImagineCode·2019-07-02 12:09

Web性能优化经验

如何提高web性能？
weixin_43430057·2019-06-27 07:32

【web性能】获取web各个阶段响应时间：服务器响应时间、首页白屏时间、dom渲染完成时间等

准确地测量web应用程序的性能特性是使web应用程序更快的一个重要方面参考网址https://segmentfault.com/a/1190000012833867#articleHeader6https://developer.mozilla.org/zh-CN/docs/Web/API/Navigation_timing_APIPerformanceNavigationTiming接口性能优化
cristina_song·2019-06-18 14:47
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他