今天对自己做的项目中的一个设计器界面加载速度上进行了优化,因为页面在加载的时候,感觉有点慢。首先,我用firefox的yslow和chrome的pagespeed进行了测试,效果如下,分数有点不同,但是都是很低的。我其实主要在chrome下用pagespeed的提示进行优化的。 yslow优化前: ...
分类:
Web程序 时间:
2016-05-10 08:29:31
阅读次数:
212
作者:zhanhailiang 日期:2014-11-14 1. 简单介绍 ShowSlow是开源的前端性能监控系统,提供了下面功能: 前端性能指标数据收集功能:ShowSlow原生提供了数据收集工具DOM Monster!,但也支持通过YSlow,PageSpeed等第三方工具将性能数据上报给服务
分类:
其他好文 时间:
2016-03-02 08:22:07
阅读次数:
407
Google PageSpeed Insights可以对网页加载速度评分,并给出优化建议 简单来说,优化图片即使用合适尺寸的图片(缩放,裁剪),压缩图片 这里只介绍jpng和png两种图片格式 软件准备: imagemagickapt-get install imagemagick jpegtran...
分类:
Web程序 时间:
2015-12-27 19:10:24
阅读次数:
370
在看《Web性能权威指南》的时候,看到了SPDY这货,于是便开始折腾起了这个了,也顺便把pagespeed加了进去。Nginx SPDY引自百科~~SPDY(读作“SPeeDY”)是Google开发的基于TCP的应用层协议,用以最小化网络延迟,提升网络速度,优化用户的网络使用体验。SPDY并不是一种...
分类:
Web程序 时间:
2015-11-23 18:43:29
阅读次数:
178
对页面进行优化时~免不了对使用的图片进行压缩~以便减小我们使用的图片的大小~这样就可以减少用户下载的文件大小,加快页面访问速度。Google Pagespeed最佳实践建议我们用 jpegtran 或 jpegoptim (仅限 Linux 平台) 对 jpeg/jpg 图片进行无损压缩,如果是 P...
分类:
其他好文 时间:
2015-11-13 13:10:38
阅读次数:
562
Google Pagespeed,自动压缩优化JS/CSS/Image 浏览:257 发布日期:2015/07/05 分类:技术分享 关键字: Nginx Appache Pagespeed 自动压缩优化JS/CSS/Image这个周末,把服务器的Nginx升级了下,并加入了Google Pages...
分类:
Web程序 时间:
2015-11-06 01:38:06
阅读次数:
259
PageSpeed 规则和建议删除阻止呈现的 JavaScript 和 CSS若要尽快完成首次呈现,您需要尽量减少甚至删除(如果有可能)网页所呈现关键资源的数量、尽量减少下载的关键字节数以及尽量缩短关键路径的长度。优化 JavaScript 的使用默认情况下,JavaScript 资源会阻止解析器,...
分类:
其他好文 时间:
2015-09-16 21:42:22
阅读次数:
134
Web前端优化1 DNS2 网络链接(线路和前端) CDN必须 线路 (push/pull CDN),多线机房Facebook BigPipe(?)前端优化指导守则 ySlow rules http://yslow.org Firebug + ySlow + Pagespeed Apa...
分类:
其他好文 时间:
2015-08-17 01:01:44
阅读次数:
131
Photoshop 切出的图片,无论是 PNG 还是 JPEG/JPG 格式,都含有许多相关信息,又或多余的颜色值,这些信息和颜色值,对网页前端并没有用处,反而增加图片大小,所以 Google Pagespeed最佳实践建议我们用 jpegtran 或 jpegoptim (仅限 Linux 平台)...
分类:
其他好文 时间:
2015-07-28 20:23:34
阅读次数:
134
坚持每天上来看前辈们写的博文。丰富自己的知识。看到有博主写了关于google浏览器的相关文章。记得自己之前也装过一些插件。如谷歌pageranke、open seo stats.在google应用商店那很多。特别是一些关于优化排名的觉得对于我们开发者很收益。下面主要是对page speed的使用做....
分类:
其他好文 时间:
2015-07-22 01:27:00
阅读次数:
120