web性能

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

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

移动web性能测试要点

阅读更多性能测试1.连接速度测试用户连接到Web应用系统的速度根据上网方式的变化而变化，他们或许是电话拨号，或是宽带上网。当下载一个程序时，用户可以等较长的时间，但如果仅仅访问一个页面就不会这样。如果Web系统响应时间太长（例如超过5秒钟），用户就会因没有耐心等待而离开。另外，有些页面超时的限制，如果响应速度太慢，用户可能还没来得及浏览内容，就需要重新登陆了。而且，连接速度太慢，还可能引起数据丢失
alston123·2017-07-07 17:00

（读后笔记）颠覆式前端开发框架React

而复杂频繁的DOM操作就是产生Web性能瓶颈的重要原因。React的原理React为了解决以上瓶颈，引入了虚拟DO
cjl72513·2017-07-04 23:05

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

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

极致PCWeb性能 —— 静态化&工程化JSONP

作者：Jogis原文链接：https://github.com/yesvods/Bl...转载请注明原文链接以及作者信息在大家的认知里，JSONP，往往是另外一种异步请求的方式，其主要优点是支持跨域数据请求。因此，JSONP往往是将一个Script节点动态插入document，随后浏览器会自动发起一个远程请求。除了上述单一用法外，在PCWeb，JSONP具有非常巨大的性能&工程化价值。1.异步JS
Jogis·2017-06-24 00:00

http 之 HTTP_X_FORWARDED_FOR

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

极致PCWeb性能 —— 同步加载vs异步加载

作者：Jogis原文链接：https://github.com/yesvods/Bl...转载请注明原文链接以及作者信息同步与异步加载，往往是指网络资源，像图片、样式、脚本等。本文探索在PCWeb下，同步&异步性能差距到底有多少？为何移动端的优秀方案到PCWeb，会造成性能问题？同步加载我们只声明单一的静态脚本资源。异步加载使用简单脚本发起资源请求。vars=document.createElem
Jogis·2017-06-20 00:00

极致PCWeb性能 —— 图说舌尖上的脚本

作者：Jogis原文链接：https://github.com/yesvods/Bl...转载请注明原文链接以及作者信息我们通过分析主流浏览器Chrome，来了解一个脚本从无到有再到运行作用，到底经历了什么。以下将会用lodash为作为例子，浏览器的脚本生命周期。HTML解析在浏览器中，在HTML解析过程中，当解析到带有src的script标签，便会即刻调度网络模块队列，网络模块在有空余请求线程时
Jogis·2017-06-18 00:00

web性能

解析器在解析table布局时需要计算大量的单元格的尺寸，所以是件很重的操作table{table-layout:fixed;}所以使用table-layout:fixed可以缓解部分性能消耗
九天1111111111·2017-06-09 21:36

常见的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

web性能测试的基本指标

Web性能测试的部分概况，一个Web请求的处理包括以下步骤：（1）客户发送请求（2）webserver接受到请求，进行处理；（3）webserver向DB获取数据；（4）webserver生成用户的object
itzhongxin·2017-06-01 14:34

详解全站 HTTPS 访问优化

HTTPS通过3大功能增加了数据传输安全，但同时也给Web性能优化带来了新的挑战。
jjjyyy66·2017-05-15 14:19

web性能优化与最佳实践

一、Web前端开发概述1.web前段开发入门难度并不高，但是初学者如果没有一个很好的学习和编码习惯，则开发水平的提高速度就会变得很慢。在这里我总结了如何高效的进行web前段的开发。2.Web前端开发的范畴：Web前端开发设计网站开发的方方面面，从前端UI到后端的数据交互都属于前端开发的范畴。Web前端既要考虑页面的美感和操作体验，又要关注前端代码的质量。3.Web前端开发必备的技能a)页面标记（H
Tertiary_grass·2017-05-05 00:00

详解全站 HTTPS 访问优化

HTTPS通过3大功能增加了数据传输安全，但同时也给Web性能优化带来了新的挑战。
又拍云·2017-05-03 11:00

Web性能优化

1、压缩源码和图片JavaScript文件源代码可以采用混淆压缩的方式，CSS文件源代码进行普通压缩，JPG图片可以根据具体质量来压缩为50%到70%，PNG可以使用一些开源压缩软件来压缩，比如24色变成8色、去掉一些PNG格式信息等。2、选择合适的图片格式如果图片颜色数较多就使用JPG格式，如果图片颜色数较少就使用PNG格式，如果能够通过服务器端判断浏览器支持WebP，那么就使用WebP格式和S
だれもいない町·2017-05-02 13:54

Web性能优化

1、压缩源码和图片JavaScript文件源代码可以采用混淆压缩的方式，CSS文件源代码进行普通压缩，JPG图片可以根据具体质量来压缩为50%到70%，PNG可以使用一些开源压缩软件来压缩，比如24色变成8色、去掉一些PNG格式信息等。2、选择合适的图片格式如果图片颜色数较多就使用JPG格式，如果图片颜色数较少就使用PNG格式，如果能够通过服务器端判断浏览器支持WebP，那么就使用WebP格式和S
だれもいない町·2017-05-02 13:54

或许是这5件事导致你的web性能低下

我们都知道服务器的负载能力的重要性，本文从5个可能影响负载能力的点上进行讨论。首先，有必要了解提高服务端PHP代码效率所需的关键操作。最重要的是对性能数据的收集，如果你想对某个地方进行优化，那么你需要测量优化前后的数据以进行对比。一般来说，程序的响应时间以及对内存的使用是比较重要的。对于PHP来说，大多数情况下，页面的加载时间是影响用户体验最大的一个环节。当然，还有其他的各种问题同样对性能有很大的
单板小智·2017-04-30 20:49

利用一点机器学习来加速你的网站

在生活中，我有73%的时间在考虑web性能－在低配手机上达到60FPS、有序加载资源、离线缓存任何能缓存的资源。还有一些其他的优化。
·2017-04-27 00:00

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

博客原文地址：Claiyre的个人博客https://claiyre.github.io如需转载，请在文章开头注明原文地址衡量一个网站的性能有多个指标，DNS解析时间，TCP链接时间，HTTP重定向时间，等待服务器响应时间等等，从用户角度来看，就可以归结为该网站访问速度的快慢。也就是说性能等于网站的访问速度。早些年Amazon曾经做过一个统计：网页加载时间每延长1秒钟，一年将减少16亿美元的营收。
Claiyre·2017-04-25 00:00

Web性能优化工具WebPageTest（三）——本地部署（Windows 7版本）

这次先能够使用PC端的浏览器测试，首先需要下载官方的发布版本“WebPageTest3.0”。1.agent：浏览器代理软件2.mobile：移动端参数相关代码3.www：网站PHP代码也可以参考官方的PrivateInstance配置，不过文档挂在google域名下，所以你懂得。我做了简单的翻译《私有实例》官方文档写的非常拗口，但是还是有一定的参考价值。一、PHP配置与软件安装1）配置虚拟目录我
咖啡机（K.F.J）·2017-04-24 09:00

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

衡量一个网站的性能有多个指标，DNS解析时间，TCP链接时间，HTTP重定向时间，等待服务器响应时间等等，从用户角度来看，就可以归结为该网站访问速度的快慢。也就是说性能等于网站的访问速度。早些年Amazon曾经做过一个统计：网页加载时间每延长1秒钟，一年将减少16亿美元的营收。（16亿美元是一个什么概念呢？2015年，百度全年的总营收约100亿美元！）。鉴于性能的重要性，于是我们便经常看到许多记录
Claiyre·2017-04-23 16:00

Web性能优化工具WebPageTest（二）——性能数据

在前一篇《配置》完成后，点击“STARTTEST”，就可以开始测试，测试需要一段时间。有时候可能还要排队，如下图所示，测试完成后可查看到测试结果。一、Summary1）优化等级优化等级分为A~F级别，评分项分别为：阻塞时间（FirstByteTime）、长连接已启动(Keep-aliveEnabled)、传输压缩(CompressTransfer)、压缩图片(CompressImages)、缓存静
咖啡机（K.F.J）·2017-04-17 10:00

《大型网站技术架构》读书笔记

1.初始架构一台服务器，应用、DB、文件都在一块，使用经典的LAMP模式构建整个站点；优点很明显，开发部署都简单，船小好掉头，做不起来也亏不了多少；2.应用服务与数据分离随着访问量的增长，出现问题了：web
Hacker天使马晓培·2017-04-14 16:24

Web性能优化工具WebPageTest（一）——总览与配置

网站性能优化工具大致分为两类：综合类和RUM类（实时监控用户类），WebPageTest属于综合类。WebPageTest通过布置一些特定的场景进行测试，例如不同的网速、浏览器、位置等。测试完成后，能获得优化等级、性能参数、请求瀑布图、网页幻灯片快照等，更多信息可以参考《WebPageTest快速入门》。一、总览输入网址后，首先进入视野中的就是下面这张画面。1）原理根据WebPageTest的《概
咖啡机（K.F.J）·2017-04-11 09:00

web性能测试基本性能指标

Web性能测试的部分概况一般来说，一个Web请求的处理包括以下步骤：（1）客户发送请求（2）webserver接受到请求，进行处理；（3）webserver向DB获取数据；（4）webserver生成用户的
迷路的Nana酱·2017-04-05 10:46

HTTP强缓存和协商缓存

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

Web性能优化基础-1

前因本来这篇想写一下CSS选择器的性能优化，但是写着写着就发现相关的知识点非常的多，需要查阅很多资料才能学透彻然后完成写作，所以打算慢下来研究。在查询资料的过程中又用到了developers.google.com这个网站，其实之前研究其他知识的时候就大致的浏览过，觉得里面的内容很有价值对基础知识有一个详细的总结，本打算之后有时间系统的学习一下。目前正好趁研究Performance的这个机会把相关的
小弟lcxdi8887·2017-04-03 20:39

关于PWA落地问题的思考

事实上，PWA本身与其它技术方案并不冲突，比如各类的Web性能优化方案，以及基本的H5技术仍然可以落地共存，PWA
Horky·2017-03-29 03:39

前端性能优化 —— reflow(回流)和repaint(重绘)

简要：整个在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘)会大大影响web性能，尤其是手机页面。
weixin_30293079·2017-03-15 16:00

Web性能优化

1Web性能优化Web网站的性能细线在几个方面：网站首页加载速度动画的流畅度通过分析浏览器的渲染原理、资源对渲染的影响，得出优化网站性能的办法。
Kyxy·2017-03-14 11:00

提高Web性能的前端优化技巧总结

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

Web性能压力测试工具之ApacheBench（ab）详解及概念普及

网站性能压力测试是性能调优过程中必不可少的一环。只有让服务器处在高压情况下才能真正体现出各种设置所暴露的问题。Apache中有个自带的，名为ab的程序，可以对Apache或其它类型的服务器进行网站访问压力测试。ApacheBench命令原理：ab命令会创建很多的并发访问线程，模拟多个访问者同时对某一URL地址进行访问。它的测试目标是基于URL的，因此，既可以用来测试Apache的负载压力，也可以测
搬运文字的小蜜蜂·2017-02-27 10:21

关于Web性能优化

[Yahoo前端优化十四条军规]·压缩源码与图片JavaScript文件源文件可以采用混淆压缩方式，css文件源文件代码进行普通压缩，JPG图片可以根据具体质量来压缩为50%到70%，PNG可以使用一些开源软件来压缩，比如24色变成8色、去掉一些PNG格式信息等。·选择合适的图片格式如果图片颜色数较多的就使用JPG格式，如果图片颜色数较少就使用PNG格式，如果能够通过服务器端判断浏览器支持的Web
张琦飞·2017-02-07 09:02

性能优化-有关Web性能优化的十种方法（面试题）

1.压缩源码和图片(js采用混淆压缩，css进行普通压缩，jpg图片根据具体质量压缩为50%到70%，png用来源软件压缩24色变成8色，去掉一些png格式信息等)2.选择合适的图片格式(颜色数多用jpg，颜色少用png，如果能通过服务器端判断浏览器支持WebP就用WebP或SVG格式)3.合并静态资源(减少HTTP请求)4.把多个css合并为一个css，把图片组合成雪碧图5.开启服务端的Gzip
Lucky_LXG·2017-01-14 10:19

ApacheBench（ab）工具测试Web性能压力

网站性能压力测试是性能调优过程中必不可少的一环。只有让服务器处在高压情况下才能真正体现出各种设置所暴露的问题。Apache中有个自带的，名为ab的程序，可以对Apache或其它类型的服务器进行网站访问压力测试。ApacheBench命令原理：ab命令会创建很多的并发访问线程，模拟多个访问者同时对某一URL地址进行访问。它的测试目标是基于URL的，因此，既可以用来测试Apache的负载压力，也可以测
Corwien·2017-01-05 00:00

【腾讯Bugly干货分享】彻底弄懂 Http 缓存机制 - 基于缓存策略三要素分解法

公众号（weixinBugly），未经作者同意，请勿转载，原文地址：https://mp.weixin.qq.com/s/qOMO0LIdA47j3RjhbCWUEQ作者：李志刚导语Http缓存机制作为web
Tencent_Bugly·2016-12-19 15:00

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

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

Python可视化动态CPU性能监控

打算开发web性能监控，以后会去学js，现在用matp来补救下，在官网有此类模板，花了一点时间修改了下，有兴趣的可以去官网看看基于matplotoilb和psutil，matplotoilb是有名的数据数据可视化工具
Paspi·2016-12-15 16:44

测试项目

VisualStudio2010单元测试共分七个部分：普通单元测试、顺序单元测试、压力测试，Generic测试、数据库测试、UI界面测试和Web性能测试。
袁春旭·2016-12-07 20:50

Web性能测试参数

在测试web性能之前，首先需要考虑要测试哪些参数，通过什么来衡量web的性能。今天总结一下，方便日后参考。2、web性能参数使用ab模拟web请求，需要指定请求的个数及并发数。
Anker's Blog·2016-12-04 09:00

web性能优化 JS/CSS CDN加速公共库

   CDN的全称是ContentDeliveryNetwork，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目
傲十郎·2016-11-24 00:00

web性能优化_(文)

阅读更多转载自：http://www.cnblogs.com/50614090/archive/2011/08/19/2145620.html第一章打开网站慢现状分在公司访问部署在IDC机房的VIP网站时会感觉很慢。是什么原因造成的？为了缩短页面的响应时间，改进我们的用户体验，我们需要知道用户的时间花在等待什么东西上。可以跟踪一下我们的登录页面，如下图所示从上图我们可以分析知道，HTML文档只占了
Cobain_LI·2016-11-05 09:00

Node基础：资源压缩之zlib

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

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

引言稍微了解HTTP协议的前端同学，想必对Cache-Control不会感到陌生，性能优化时经常都会跟它打交道。常见的值有有private、public、no-store、no-cache、must-revalidate、max-age等。各个取值所代表的含义，网上总结挺多的，这里就不打算再进行逐一介绍，感兴趣的可以一起探讨交流。本文仅挑no-cache、must-revalidate这两个进行值
程序猿小卡_casper·2016-10-29 00:00

web性能测试：apache benchmark(ab)

本文介绍比较常用的web性能测试工具ab(apachebenchmark)。
无名大盗·2016-10-23 22:57

Web性能优化：基本思路和常见工具

Web性能优化听了荣华的演讲之后，我对性能优化有了更深层次的认识。性能优化的重要性性能优化是为了赢得用户，为了降低成本。性能优化思路Web常见优化点Java常见排查工具
whitejava2·2016-10-23 00:00

如果您对开发运维和Web性能是认真的，Velocity 是必须参加的会议

“如果您对开发运维和Web性能是认真的，Velocity是必须参加的会议。
活动家·2016-10-18 10:55

建设高性能网站 | 我推荐你读读这几本书

一般来说，这些都可以从雅虎的这篇文章：《BestPracticesforSpeedingUpYourWebSite》找到原型，这篇文章是雅虎给出的性能优化建议，给很多的Web性能优化者提供了不少的帮助。
康斌·2016-10-05 17:47

建设高性能网站 | 我推荐你读读这几本书

一般来说，这些都可以从雅虎的这篇文章：《BestPracticesforSpeedingUpYourWebSite》找到原型，这篇文章是雅虎给出的性能优化建议，给很多的Web性能优化者提供了不少的帮助。
康斌·2016-10-05 17:47
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他