web性能优化

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

TCP 性能优化浅析

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

一张Web性能优化参考图

Web性能的重要性不言而喻：性能为何至关重要。性能优化涉及的点比较多，我们经常能看到一些文章列举了多少条性能优化的点，但是这些优化手段的出发点是什么？怎么能有效地把它们串联起来，在实际项目中进行合理的运用呢？恩，官方文档肯定是我们参考的依据，另外，思维导图也是个好东西。【相关tag（性能优化-github梳理）】：浏览器基础、性能指标与衡量、DevTool性能调试与实践、构建优化（构建工具、HTT
一个笑点低的妹纸·2019-12-08 12:40

web性能优化

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

面试题汇总

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

前端页面性能

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

web性能优化

书本开片就阐述了一个很重要的定理：速度是关键在互联网飞速发展的时代，人们有非常多的选择，大家变的没不那么有耐心了，人们越来越追求速度方面的用户体验。WPO（WebPerformanceOptimization。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

Python__slots__详解

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

自动化 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

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

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

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

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

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

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

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

Web性能优化经验

如何提高web性能？1、减少HTTP请求一般来说要减少http请求通常从两个方面下手：减少图片的请求、减少脚本文件与样式表的请求图片的减少通常有两种方式：csssprites、内联图片、IconFont。CSSSprites：将多张图片合并成一幅单独的图片，使用css的background-position属性，将html元素的背景图片放到sprites图片中的期望位置上。使用这项技术的附加优点是
weixin_43430057·2019-06-27 07:32

浅谈Web性能优化

fasterWeb性能优化是一个广泛而琐碎的话题，需要时间和经验的积累才能侃侃而谈，这里简要总结一些。使用CDNCDN全称ContentDeliveryNetwork,即内容分发网络。
kiterumer·2019-06-05 23:37

web性能优化

1.缓存2.DNS查询减少DNS查询减少域名3.建立TCP连接在http协议里加上一个请求头keep-alive;服务器会尽量复用TCP连接http2.0连接复用率更高，多路复用；4.发送HTTP请求文件数减少，合并文件减少cookie体积cache-control不发送请求，本地文件响应浏览器会同时发送多个HTTP请求，1个域名最多发送4个请求；多个域名就可以发送更多的请求数量；跟上面DNS查询
陈舒艺·2019-04-17 23:25

Web 性能优化：Preload,Prefetch的使用及在 Chrome 中的优先级

这是Web性能优化的第6篇，上一篇在下面看点击查看：Web性能优化：使用Webpack分离数据的正确方法Web性能优化：图片优化让网站大小减少62%Web性能优化：缓存React事件来提高性能Web性能优化
·2019-04-11 00:00

TLS 握手优化详解

HTTPS在TCP和HTTP之间增加了TLS（TransportLayerSecurity，传输层安全），提供了内容加密、身份认证和数据完整性三大功能，同时也给Web性能优化带来新的挑战。
Kim_Weir·2019-03-29 23:43

Web 性能优化：21 种优化 CSS 和加快网站速度的方法

这是Web性能优化的第4篇，上一篇在下面看点击查看：Web性能优化：使用Webpack分离数据的正确方法Web性能优化：图片优化让网站大小减少62%Web性能优化：缓存React事件来提高性能CSS必须通过一个相对复杂的管道
wx5c8747d53561c·2019-03-18 14:29

Web 性能优化：21种优化CSS和加快网站速度的方法

这是Web性能优化的第4篇，上一篇在下面看点击查看：Web性能优化：使用Webpack分离数据的正确方法Web性能优化：图片优化让网站大小减少62%Web性能优化：缓存React事件来提高性能CSS必须通过一个相对复杂的管道
·2019-03-17 00:00

Web 性能优化： 使用 React.memo() 提高 React 组件性能

这是Web性能优化的第四篇，之前的可以在下面点击查看：Web性能优化：使用Webpack分离数据的正确方法Web性能优化：图片优化让网站大小减少62%Web性能优化：缓存React事件来提高性能React.js
·2019-03-13 00:00

web性能优化系列(5)react-ssr

明确什么是服务端渲染？页面上的内容是由服务器生产的常规页面渲染面临的问题：1、脚本依赖，加载耗时蓝色(Loading)：网络通信和HTML解析黄色(Scripting)：JavaScript执行紫色(Rendering)：样式计算和布局，即重排绿色(Painting)：重绘灰色(other)：其它事件花费的时间白色(Idle)：空闲时间事件总结：Loading事件事件描述ParseHTML浏览器执
南麟剑首·2019-03-12 01:14

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

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

web优化：合理的选择图片压缩

声明本文版权属于前端小智：Web性能优化：图片优化让网站大小减少62%，本文主要用于个人学习和记忆。如何判断我的图像是否需要优化？
_既白_·2019-03-08 15:03

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

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

Web性能优化

性能优化地图：https://mp.weixin.qq.com/s/C2Zx3KPNPkgj-aHnOY43Iw性能优化具体举措：http://www.cnblogs.com/developersupport/p/webpage-performance-best-practices.html#httprequest
MYSUNFLOWER·2019-02-21 14:04

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

转：https://zhuanlan.zhihu.com/p/23281814引言稍微了解HTTP协议的前端同学，相比对Cache-Control不会感到陌生，性能优化时经常都会跟它打交道。常见的值有有private、public、no-store、no-cache、must-revalidate、max-age等。各个取值所代表的含义，网上总结挺多的，这里就不打算再进行逐一介绍，感兴趣的可以一起
coder麻雀·2019-02-20 19:03

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

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

http缓存之基本概念

前言1.重要性在初级程序员阶段对此关注并不多，工作中也极少遇到；到了中级水平，面试中会被频繁问到，特别是中大型公司缓存也是web性能优化的必要手段对于静态资源的缓存设置，目前一般都是后端、运维通过nginx
回调的幸福时光·2019-01-23 17:51

从「从输入URL到页面加载」谈及Web性能优化

如何理解Web性能优化事实上就是用户觉得页面加载很快，用户从输入URL（网址）到页面在浏览器上加载出来的时间很短；与之相对的有如服务器性能优化（如网页占的CPU少），一定要区分开来。
不讨喜的大雄·2018-12-29 14:17

Web性能优化

使用CDNCDN全称是ContentDeliveryNetwork，就是把资源放在不同的地方，用户请求那个资源时，那么就把离用户最近的那个资源给用户。具体优化如下请求速度加快，如果用户距离资源很远时，比如中国用户请求美国的网站，那么中国用户就会访问存放在中国的美国网站使用多个CDN可以拓展同时请求文件数量。CSS和JS文件是可以同时下载的，Chrome支持同时下载8个，IE则支持4个。如果想IE支
写代码的海怪·2018-12-06 07:54

5分钟学会图片优化 之 七伤拳

点击上方“前端你别闹”，关注并“星标”文|小北哥哥web性能优化的重要性！
前端你别闹·2018-12-03 12:22

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

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

web性能优化--用gzip压缩资源文件

分享一下我老师大神的人工智能教程！http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！一、gzip压缩技术gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多。gzip的压缩页面需要浏览器和服务器双方都支持，实际上就是服务器端压缩，传
项少龙1·2018-10-22 00:00

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他