随笔分类 -  前端性能优化

我从小程序学到了什么（一）
摘要：前言 最近在看小程序相关，从技术角度来看小程序在Hybrid的优化过程有很多值得我们学习的地方，所以我想在学习的同时也能有所输出，在这个系列我不会讲怎么去申请一个小程序，怎么去开发一个程序，而是讲从小程序我们能学到什么，尽管它现在还存在很多问题，但大范围的使用会推动小程序将微信技术生态做到极致，使用 阅读全文

posted @ 2018-05-06 11:06 愤怒的菜鸟 阅读(463) 评论(0) 推荐(0)

通过压缩图片 来提升页面加载速度
摘要：前段时间针对公司的网站首页做了优化，由于第一屏会载入很多图片，我们除了针对图片做lazy-load，还可以对图片进行体积上的压缩，因为体积小了，下载速度会变快，从而可以减少用户等待时间，也可以减少部分带宽。所以我们可以在线下对图片进行压缩再上传到线上 。这些图片都是 jpg格式，虽然压缩都是有损的，但我们可以通过减少 quality的方式，比如100%的quality与80%的quality,用户感观上基本一样，但是体积却可以减少30%以上，比如6K的图片，会到4K左右，这里用php就可以完成此类的功能，针对一个文件夹下的图片，统一压缩成不同quality的图片，再统一覆盖线上已经有的图片即完 阅读全文

posted @ 2012-09-16 20:44 愤怒的菜鸟 阅读(1201) 评论(0) 推荐(1)

通过iframe负载页面的js加载与执行
摘要：近来在优化公司首页，首页用到了百度管家所生成的广告。 先贴出代码，这是之前的开发人员写的。<script type="text/javascript" src="http://cbjs.baidu.com/js/m.js"></script> <script type="text/javascript"> BAIDU_CLB_preloadSlots("16172","290788","18334","18335",&q 阅读全文

posted @ 2012-09-14 16:42 愤怒的菜鸟 阅读(6803) 评论(0) 推荐(0)

基于fiddler来模拟限速
摘要：适应读者FE研发工程师对fiddler有基本了解的的同学对web性能优化感兴趣的同学本文不会讲太多fiddler基本概念，基本用法，以及安装步骤，所以希望知道以上知识的同学，请在fiddler的官方网站上去了解，官方网站http://www.fiddler2.com/fiddler2/。什么是fiddler为了开一个头，还是先简单介绍下fiddler:Fiddler是一个web调试代理。它能够记录所有客户端和服务器间的http请求，允许你监视，设置断点，甚至修改输入输出数据，fiddler包含了一个强大的基于事件脚本的子系统，并且能够使用.net框架语言扩展。更多详细的信息我们可以在fiddl 阅读全文

posted @ 2012-05-22 11:43 愤怒的菜鸟 阅读(3732) 评论(11) 推荐(4)

导航