# 前端性能优化 ### 性能优化是多个点优化的。 ##-1、浏览器优化--2、代码--3、服务器-> HTML套的层次尽量少，不要table布局# CSS优化： #-1、选择器尽量的少用复合选择器--2、sprites技术 减少对服务器的请求，图片尽量为一张，然后利用切图--3、合并 和 压缩 合...
分类：
其他好文 时间：
2015-07-27 00:16:33
阅读次数：
122
css中用一张背景图做页面的技术有什么优势？简单介绍一下 CSS Sprites 的优点：当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。实现方法：首先将小图片整合到一张大的...
分类：
Web程序 时间：
2015-07-21 14:20:34
阅读次数：
121
CSS Sprites技术(将背景图整合到一张图中，再利用CSS背景图片定位到要显示的位置)测试测试二级菜单二级菜单测试二级菜单二级菜单二级菜单二级菜单测试测试
分类：
其他好文 时间：
2015-07-10 13:16:19
阅读次数：
114
CSS Sprites技术(将背景图整合到一张图中，再利用CSS背景图片定位到要显示的位置)CSS Sprites技术（）测试测试测试测试测试
分类：
Web程序 时间：
2015-07-09 19:25:11
阅读次数：
103
原文：https://github.com/Gaya/Retina-Sprites-for-Compass在compass中增加retina变体可以允许你使用sprites(图片精灵)。就像正常的sprites helpers一样工作，而且用mixins已经完成的更佳容易了。看看这个示例来看一下结果...
分类：
其他好文 时间：
2015-07-01 11:42:36
阅读次数：
179
sprites是鬼怪，小妖精，调皮鬼的意思，初听这个高端洋气的名字我被震慑住了，一步步掀开其面纱后发觉很简单的东西，作用却很大
什么是CSS Sprites
CSS Sprites是指把网页中很多小图片（很多图标文件）做成按规律排列的一张大图上，在显示的时候通过background-image、background-position显示图片特定部分达到和分散的一张张小图片一样的效果。...
分类：
Web程序 时间：
2015-06-30 23:36:52
阅读次数：
155
CSS Sprites简介 技术文档https://css-tricks.com/css-sprites/ 通常被意译为“CSS图像拼合”或“CSS贴图定位”。但CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。随着W.....
分类：
Web程序 时间：
2015-06-30 17:49:58
阅读次数：
149
最少请求数：
TAB页异步加载或延迟加载；合并JS/CSS文件；CSS Sprites CSS图像地图；统一公用JS/CSS文件；合并Ajax请求；避免重定向；减少iframe请求；头像、图片滚屏延迟加载；不重要的页面模块异步加载；多级Cache。
最快请求速度：
设置长时间缓存；尽量使用请求可缓存；Cookie隔离；动态、静态应用分离；按类型选择合适的Web服务器；适当使用...
分类：
其他好文 时间：
2015-06-28 23:05:16
阅读次数：
180
前言 上一篇介绍了HelloWorld程序，这次我们来介绍一个很重要的元素——精灵(Sprites)。精灵是什么？ 精灵(Sprites)是任何游戏的一个核心元素。我们需要他们。在游戏中我们经常喜欢用它来自作和播放角色。它可以移动，旋转，缩放，执行动画，并接受其他转换。Cocos2dx的Spri.....
