web性能优化

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

从网络通信角度谈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

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

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

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

Web性能优化

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

关于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

【腾讯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

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性能优化：基本思路和常见工具

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

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

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

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

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

Web性能优化学习MySQL查询缓存

在完成协会网站后，最近在学习Web性能优化。看咯很多博客和专栏，自己总结整理了一部分自己能用到的。启用MySQL查询缓存可以极大地减低数据库服务器的CPU使用率。
ZDX_Y·2016-06-29 00:00

如何对网站的文件和资源进行优化？

1、文件合并（目的是减少http请求）：Web性能优化最佳实践中最重要的一条是减少HTTP请求，它也是YSlow中比重最大的一条规则。
yongbin668·2016-06-21 18:00

如何评测CDN性能？CDN服务选购指南

那么，应该如何更加科学地评价Web性能优化技术及其背后的CDN厂商呢？
佚名·2016-06-08 09:10

Web性能优化之 “直出” 理论与实践总结

原文地址直出是什么？到底是怎样的性能优化？本文将结合从在浏览器输入url，到展示最终页面的过程来对其进行一步步分析，并将在手Qweb中的实际应用实践进行总结。模式1-常用模式从用户输入url到展示最终页面的过程，这种模式可简单的分为以下5部分用户输入url，开始拉取静态页面静态页面加载完成后，解析文档标签，并开始拉取CSS（一般CSS放于头部）接着拉取JS文件（一般JS文件放于尾部）当JS加载完成
郭林烁_joey·2016-06-04 00:00

Web性能优化之Apache篇

引言本篇为Apache服务器的性能优化笔记,记录了优化的点滴.HSTS策略引言一直以来,实现强制https的方法是使用Apache的rewrite模块来进行重定向,这样存在几个问题,第一是性能问题,第二是可能遇到不支持https的客户端…..等等核心思想避免这种跳转,我们可以用HSTS策略,就是告诉浏览器,以后访问我这个站点,必须用HTTPS协议来访问,让浏览器帮忙做转换,而不是请求到了服务器后,
hldh214·2016-06-02 00:00

Twitter 设计 和 WEB 性能优化

DesighTwitter Feed流FeedlistTimelineSocialgragh分布式系统四个因素：1．数据计算时间2．数据传输时间3．任务调度时间4．除以并发度实战WEB性能优化：
zjswxx123·2016-05-28 11:00

前端早读课目录（2015年下半年）

07月01日：【第278期】Web性能优化：What?Why?How?
天机大师姐·2016-05-24 20:50

Web性能优化：What? Why? How?

提升web性能？Web性能黄金准则：只有10%~20%的最终用户响应时间花在了下载html文档上，其余的80%~90%时间花在了下载页面组件上。web性能对于用户体验有及其重要的影响，根据著名的`2-5-8`原则：当用户在2秒以内得到响应，会感觉系统的响应非常快当用户在2-5秒之内得...ｈtｔp://huaban.com/PINS/716128475/ｈtｔp://huaban.com/PINS
moper8759·2016-05-13 06:00

http/2时代的web性能

一直以来我们耳熟能详的那些Web性能优化技术，很可能会成为历史。这次分享将带大家重温当前最佳实践，哪些技术在HTTP/2时代会发生变化，以及如何恰到好处地实现从1向2的过渡。
u012679980·2016-04-15 02:00

Web性能优化实践

本文主要针对Tomcat+H5游戏的性能优化，优先考虑响应时间文后附有Apache+PHP的优化方法减少HTTP请求减少网站上的对象数量最小化网站上的重定向数量使用CSSSprites技术结合JavaScripts和CSS图片压缩PNGCompressionJPGCompressionCSSminifyMinifyandCompressCSSCssMinifierJSminifyMinifyand
zhao__fang·2016-03-14 23:00

web性能优化之BigPipe

BigPipe是一个重新设计的基础动态网页服务体系。大体思路是，分解网页成叫做Pagelets的小块，然后通过Web服务器和浏览器建立管道并管理他们在不同阶段的运行。这是类似于大多数现代微处理器的流水线执行过程：多重指令管线通过不同的处理器执行单元，以达到性能的最佳。虽然BigPipe是对现有的服务网络基础过程的重新设计，但它却不需要改变现有的网络浏览器或服务器，它完全使用PHP和JavaScri
前端路漫·2016-03-14 21:00

前端工程与性能优化

这些性能优化原则大概是在7年前提出的，对于web性能优化至今都有非常重要的指导意义。然而，对于构建大型web应用的团队来说，要坚持贯彻这些
i10630226·2016-03-13 20:00

Web性能优化——缓存

Ehcache:ehcache的配置文件ehcache.xml1 2 3 4 5 6 13 14 22 23ehcache的使用：cache文件：1publicinterfaceCache{ 2 3publicvoidset(Stringkey,Objectvalue); 4publicObjectget(Stringkey); 5publicvoidremove(Str
青青cathy·2016-03-06 20:00

网络协议之TCP

前言近年来，随着信息技术的不断发展，各行各业也掀起了信息化浪潮，为了留住用户和吸引用户，各个企业力求为用户提供更好的信息服务，这也导致WEB性能优化成为了一个热点。
默语·2016-02-29 09:00

世界顶级Web性能专家教你优化出高性能网站（上）

于是，Web性能优化（WebPerformanceOptimization）成为网站的日常运营中一项非常重要的工作。其实，对于Web性能的追求不仅仅是用户体验上的需要，更是互联网公司核心业务的驱动力。
cloudwiseAPM·2016-02-01 17:00

前端面试-浏览器渲染机制

WEB性能优化常见的入手点包括以下几点：1、HTTP请求2、服务器响应速度3、浏览器响应速度其中浏览器响应速度包括渲染速度和代码执行的速度。
a767536305·2016-02-01 17:57

web性能优化（项目的规范&优化）

Web性能黄金准则：只有10%~20%的最终用户响应时间花在了下载html文档上，其余的80%~90%时间花在了下载页面组件上。web性能对于用户体验有及其重要的影响，根据著名的2-5-8原则：当用户在2秒以内得到响应，会感觉系统的响应非常快；当用户在2-5秒之内得到响应，会感觉系统的响应速度还可以；当用户在5-8秒之内得到响应，会感觉系统的响应非常慢，但还可以接受；当用户在8秒之后都没有得到响应
tyutjavalily·2016-01-29 15:00

Web性能优化之图片延迟加载

对于一些图片多，页面长的网页来说，如果每次打开页面加载全部的网页内容，页面加载速度势必会受到影响，如果每次打开网页只将网页可视区域的内容加载给用户，将大大提高网页浏览速度，同时也减轻服务器负载，我们可以使用lazyload.js来实现对图片的延迟加载，当网页图片进入到浏览器可视区域时，才会去请求服务器加载图片。一、lazyload用法1.引用jQuery插件：2.修改img标签将页面中的img标签
CodeL·2016-01-18 18:00

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

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

JS 一定要放在 Body 的最底部么？聊聊浏览器的渲染机制

web性能优化的手段并不是非黑即白的，有些手段过头了反而降低性能，所以在讨论条件和结论的时候，虽然很多条件本身会带来其他细微的负面或正面影响，为了不使论述失去重点，不会扩展太开。
德来·2016-01-12 00:00

前端需要点亮的技能树--只针对本人（2016年1月29日更新）

学习及应用4、常用CSS模块5、常见JS特效6、JS三本书籍阅读7、CSS两本书籍8、HTML5书籍9、HTTP协议：学习及总结10、浏览器原理学习及总结11、Node.js学习及总结12、JS设计模式13、Web
鬼脸·2015-12-31 10:00

Apache的压力测试以及web性能优化的常用知识总结

什么是带宽？误解：“数据在线路中的移动速度”、“数据的传输速度”我们所说的带宽是指数据的发送速度，比如百兆网卡，指网卡的最大发送速度是100Mbps，也就是说网卡在一秒钟最多可以发送100Mb的数据；相关的因素：数据发送装置将二进制信号传送到线路的能力，也称信号传输频率，以及另一端数据接收装置对二进制信号接收的能力，也包括线路对传输频率的支持程度；数据传输介质的并行度，等价于计算机系统总线宽度的概
红心李·2015-12-21 14:56

Web性能优化方法

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

HTTP 请求头中的 X-Forwarded-For

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

nginx+tomcat集群配置(2)---静态和动态资源的分离

 前言:在web性能优化的领域,经常能听到一个词,就是静态/动态资源分离.那静态/动态资源分离究竟是什么呢?
mumuxinfei·2015-11-24 09:00

前端优化小技巧总结

关于Web性能优化，有非常多的方面可以去做： 压缩源码和图片JavaScript文件源代码可以采用混淆压缩的方式，CSS文件源代码进行普通压缩，JPG图片可以根据具体质量来压缩为50%到70%，PNG可以使用一些开源压缩软件来压缩
醉梦ai天涯·2015-11-22 17:00

web性能优化

参考：http://www.csdn.net/article/2013-09-23/2817020-web-performance-optimization
kexiaoling·2015-11-19 14:00

Java Web性能优化之一：减少DAO层的调用次数

前言很简单的一个问题，一个业务方法，需要先查询一次得到结果（select），然后再根据查询的结果进行一次更新（update），通常情况下我们会在DAO层定义两个接口，一个接口实现查询，一个接口实现更新，在service层调用2次。当然还有一种解决方案，就是仅在DAO层定义一个接口，通过updatesetselect这种语法去做，这样调用一次就可以完成更新，那么实际情况我们选用哪一种高效呢？根据我的
wlwlwlwl015·2015-11-14 13:00
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他