东营区网站开发-网站开发培训-慧星科技(诚信商家)

8. 把JS和CSS放到外部文件中

      单独提取出来：提供的js和css的复用性、减小页面体积、提供了js和css的可维护性。

      写在页面内：减少页面请求、提升页面的渲染速度

      这个可以根据实际情况取舍，写在页面内的时候：只应用于一个页面、不经常被访问到、脚本和样式很少的情况。

9. 减少DNS查询

      每次DNS查询都差不多需要20ms，20ms的时候页面一片空白。现在浏览器一般都有缓存，东营区网站开发，可以减少DNS查找。

      可以采用单域/多域。

      一个浏览器对一个服务器的请问是有限制的，网站开发培训，如果都请求来自一个服务器会变慢。比如可以把静态资源放在静态资源服务器等，这样浏览器可以同时请求多个域名，加快速度。

10. 压缩 J***aScript 和 CSS

      1. 取出不必要的空白符、格式符、注释符。

      2. 简写方法名、参数名、压缩JS脚本。

1. 减少HTTP请求次数

合并图片、CSS、JS，改进访问用户等待时间。

2. 使用CDN

就近缓存==>智能路由==>负载均衡==>WSA全站动态加速

3. 避免空的src和href

4. 为文件头Expires

5. 使用gzip压缩内容

6. 把CSS放到顶部

7. 把JS放到底部

防止js加载对之后资源造成阻塞。

8. 避免使用CSS表达式

9. 将CSS和JS放到外部文件中

10. 权衡DNS查找次数

12. 避免跳转

同域：注意避免反斜杠 “/” 的跳转；

跨域：使用Alias或者mod_rewirte建立CNAME（保存域名与域名之间关系的DNS记录）

13. 删除重复的JS和CSS

14. 配置ETags

15. 可缓存的AJAX

“异步”并不意味着“即时”：Ajax并不能保证用户不会在等待异步的J***aScript和XML响应上花费时间。

16. 使用GET来完成AJAX请求

17. 减少DOM元素数量

是否存在一个是更贴切的标签可以使用？人生不仅仅是DIV+CSS

18. 避免404

19. 减少Cookie的大小

20. 使用无cookie的域

21. 不要使用滤镜

png24的在IE6半透明那种东西，别乱使，淡定的切成PNG8+jpg

22. 不要在HTML中缩放图片

23. 缩小f***icon.ico并缓存

提到响应式网页，不得不提的就是另一个“自适应网页”的概念了。初学者对于这两个概念往往容易混淆。响应式网页具有自适应的特性，是指页面能自动响应及适配用户的设备环境，但平常所说的“自适应网页”是否就是响应式网页呢？

是否定的。适配不同浏览环境的技术有很多，而传统意义上的“自适应网页”虽然也可以针对不同的浏览环境做出自动调整，网站开发公司，但其使用的并不一定是响应式网页的技术。比如早期的一些网站或现在一些门户网站的首页，可以根据检测到的不同的客户端而提供不同的浏览网页，比如专门提供一个Android的版本，或者一个iPhone / iPad的版本等，这也是实现网站兼容不同终端的其中一种做法。我们往往可以看到一些“自适应”网站的首页，定制网站开发，用PC端浏览时访问的是类似“.com”的地址，而使用移动设备访问的是类似“m.”的地址，可见打开的并非同一个网页。事实上这种做法同时提供了多个不同的网页，好处是可以极大地保证不同环境下的显示效果，但是缺点也非常明显，就是在网站维护时需要同时兼顾多个不同版本的网页，而且维护的工作将会呈几何级数上升。假如这个网站有多个入口，还会大大地增加架构设计的复杂度。所以，这种使用不同页面来适配浏览条件的方式，往往比较多见于网站的首页，因为如果网站的所有内容页都采用这种方式，这个网站的结构将会变得非常臃肿。而类似这种跳转到不同地址、打开不同网页的适配方式，并不能称为真正的响应式网页，只能叫作“自适应”的。