我有一位开发者设计了一个通过手机浏览器在手机上使用的金融应用程序。现在每个页面都是150kb,这对我来说意义重大。没有使用图像,因为它主要是HTML按钮和CSS以及可能的JavaScript。 如何最小化页面大小?移动网页大小
移动网页大小
回答
minify你的js/css/html。如果没有帮助,则需要重构页面以显示较少信息,因为您说没有图像,所以您无法在该前端进行任何优化
如果服务器尚未完成HTML压缩,请启用HTML压缩。
目标手机上有哪些软件?如果他们有能力的浏览器,那么可以通过以JSON形式发送相关数据然后让Javascript呈现相关的HTML来减轻一些重量。如果我们正在谈论移动IE ...也许,也许不是。
而且,正如其他人所说,使用缩小。
在更高的层面上,你确定你每页都需要这么多的数据吗?在移动浏览器上导航会很麻烦。
瓶颈是客户端浏览器。它不能处理这么多的数据。所以数据在传输中是否被压缩并不重要。到达客户端浏览器时,它仍然是150kb – Midhat 2010-04-09 18:52:43
主要的事情已经说过了,但我会补充一点:
清理Html标记。检查是否没有不必要的嵌套标签,div等。当DOM更轻时,它还可以帮助JavaScript更快地处理。
这是我目前正在处理的问题,我可以告诉你,你绝对会喜欢Steve Souders的书High Performance Web Sites。
你会在书中发现的第一件事是,你应该减少HTTP请求,并且这样做的一种方法是将图像置于所谓的“sprites”中(尽管你说你的设计师没有使用大量的图像,它仍然有助于推动那几个图像精灵)。
要做到这一点,你将需要一些工具(事业做手工只是浪费时间),为此我用compass,这本书Pragmatic guide to SASS是为这个话题absolutelly很大(它会开门见山,并展示了如何使用罗盘制作精灵 - 另外,我敢打赌,一旦你尝试SASS,你将永远不会回到香草的CSS)。另外,正如Midhat提到你应该缩小你的js/css/html,但最重要的是你应该把所有的js文件放到一个文件中(减少浏览器必须做的HTTP请求),所有的css代码到一个CSS文件。另外,您应该将样式表放在页面顶部,脚本放在底部。无论如何,我列出的几件事,以及史蒂夫书中总共14条规则。所以试试吧,你不会失望的。
- 1. iframe - 将网页缩小0.30,而将移动网页缩小0.90?
- 2. 在调整浏览器大小时移动网页上的移动项目
- 3. 我的网站页眉图像不调整大小在移动
- 4. 如何在移动网页上正确设置灯箱大小
- 5. UIScrollView:滚动偏移w.r.t页面大小
- 6. 根据页面大小移动和调整链接大小
- 7. 动态调整网页大小
- 8. 动态大小的网页设计
- 9. 当移动页面大小时,引导模式向下移动页面
- 10. 如何从网页大小
- 11. html网页调整大小
- 12. 当浏览器大小变得更小网站“向上移动”
- 13. 调整大小Mathjax移动
- 14. 移动背景大小
- 15. 页面大小调整时页眉正在移动
- 16. Android sdk网页对象大小太小
- 17. 如何自动调整移动网站的图片大小?
- 18. 网页的堆大小是否过大?
- 19. 缩小窗口大小移动元素
- 20. 为Safari浏览器移动网页显示不同的字体大小
- 21. 如何将div注入到移动窗口大小的网页上?
- 22. 保持窗口大小调整后网页不移动的内容
- 23. 当调整大小/放大/缩小页面时,Div可以左右移动
- 24. 在移动设备上制作网站页面大小正常的桌面大小
- 25. 网页设计:动态移动和扩大图像
- 26. 移动laravel到网页
- 27. 平移滚动网页
- 28. 移动圆在html网页
- 29. GWT - 动态页面大小
- 30. 如何根据窗口大小动态调整网页布局的大小?
什么是底层服务器技术? – cjk 2010-04-08 07:02:39
是否这样做,我相信这是客户端上的CPU /内存限制这就是问题 – Midhat 2010-04-08 07:04:11