前言有对象才叫跨年,没对象叫熬夜。所以,在这没对象的元旦假期的夜里捣弄了一下前端优化的东西。如果你听说过FaceBook,太好了,你肯定是个网 络潮人;如果你还听说过FaceBook的bigpipe,那么你多数和我一样是单身IT猿。很好,那么今天我就说说bigrender吧,你没看错,我 也没写错,...
分类:
其他好文 时间:
2015-01-10 17:51:49
阅读次数:
229
前言有对象才叫跨年,没对象叫熬夜。所以,在这没对象的元旦假期的夜里捣弄了一下前端优化的东西。如果你听说过FaceBook,太好了,你肯定是个网 络潮人;如果你还听说过FaceBook的bigpipe,那么你多数和我一样是单身IT狗。很好,那么今天我就说说bigrender吧,你没看错,我 也没写错,...
分类:
其他好文 时间:
2015-01-03 22:17:50
阅读次数:
148
一、使用yslow一个tool
找到一个叫做smush的工具,点击即可进入工具的页面。
然后你就可以压缩,下载压缩后的图片。
但是最终我还是没有选择这样的方法,因为压缩的图片大小还是太大了,我觉得还是自己来更“人性化”一点。
于是,另一种方法出现了!
二、使用Photoshop的色调分离方法
以上两种方法是之前总结得到的,原来总结做的笔记可以参考:http...
分类:
其他好文 时间:
2014-12-17 18:35:51
阅读次数:
158
回顾经过昨天的优化处理(【前端优化之拆分CSS】前端三剑客的分分合合),我们在UI一块做了几个关键动作:① CSS入UI② CSS作为组件的一个节点而存在,并且会被“格式化”,即选择器带id前缀,形成的组件如图所示:这样做基本可以规避css污染的问题,解决绝大多数问题,但是更优的方案总是存在,比如w...
分类:
Web程序 时间:
2014-12-17 09:04:17
阅读次数:
163
1. 最基本的就是html+css,其中也包括h5和css32. js框架,jquery+mobile/zepto3. 前端优化的方法和经验4. 一些工具基本的简单工具,sublime/webstorm/svn工具,还有就是浏览器的调试方法,其中包括chrome/ff/IE5. requriejs+...
分类:
其他好文 时间:
2014-12-16 18:41:02
阅读次数:
176
几年前,我们这样写前端代码:测试慢慢的,我们发现这样做的很多弊端,单就样式一块,改一个样式会涉及到多处调整,所以慢慢的dom标签中的css全部去了一个独立的css文件再后来,交互变得异常复杂,onclick也不好使了,所以js也分离开了,经典的html+css+javascript结构分离逐步清晰,...
分类:
Web程序 时间:
2014-12-16 00:45:12
阅读次数:
379
如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍,轰动了整个web开发技术界,让神秘的web前端优化问题成为了大街的白菜,web前端优化变成了菜鸟和大牛都能回答的简单问题,当整个业界都知道了惊天秘密的答案,那....
分类:
编程语言 时间:
2014-12-10 17:54:35
阅读次数:
284
设备优化1.在 Internet上域名与IP地址之间是一一对应的,域名很好记,但计算机不认识,计算机之间的“相认”还要转成ip地址。在网络上每台计算机都对应有一个独立的ip地址。在域名和ip地址之间的转换工作称为域名解析,也称DNS查询。一次DNS的解析过程会消耗20-120毫秒的时间,在dns查询...
分类:
其他好文 时间:
2014-12-03 00:22:28
阅读次数:
263
前端优化再次被提起,高性能网站总是会得到用户的肯定,加载时间短,友好的界面交互,最少的资源占用,容易被搜索引擎抓取。 就自己可以接触到的范围,记录些优化的点点滴滴。 1.减少HTTP请求: 使用外部的css和js文件,这样便于压缩,便于合并。 使用CSS sprite,将小图片放于一张图片使用背景....
分类:
Web程序 时间:
2014-12-02 20:43:02
阅读次数:
207
从代码方面来探讨前端优化的方法:1.减少http请求数图片,css,script,flash,等等这些都会增加http请求数,减少这些元素的数量能减少响应时间。CSS Sprites技术能减少图片的请求数,把零散的小图片放到一起,运用background-position来改变背景图片的位置,前提....
分类:
其他好文 时间:
2014-11-29 10:10:15
阅读次数:
118