网站开发文档-山东网站开发-慧星科技(查看)

1.响应式设计可以向用户提供友好的Web界面，同样的布局，却可以在不同的设备上有不同排版，这就是响应式大的优点，现在技术发展日新月异，每天都会有新款智能手机推出。如果你拥有响应式Web设计，用户可以与网站一直保持联系，网站开发文档，而这也是基本的也是响应式实现的初衷。

2.响应式在开发维护和运营上，相对多个版本成本会降低很多。也无须花大量的时间在网站的维护上

3.方便改动，响应式设计是针对页面的，可以只对必要的页面进行改动，山东网站开发，其他页面不受影响。

2.3响应式的缺点

1.为了适配不同的设备，响应式设计需要大量专门为不同设备打造的css及js代码，这导致了文件增大，影响了页面加载速度。

2.在响应式设计中，图片、视频等资源一般是统一加载的，这就导致在低分辨率的机子上，实际加载了大于它的显示要求的图片或视频，导致不必要的流量浪费，影响加载速度；

3.局限性，响应式不适合一些大型的门户网或者电商网站，一般门户网或电商网站一个界面内容较多，手机网站开发，对设计样式不好控制，代码过多会影响运行速度。

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并缓存