`
johnnyhg
  • 浏览: 349381 次
  • 来自: NA
社区版块
存档分类
最新评论

Web 前端优化最佳实践之 Mobile(iPhone) 篇

    博客分类：
  • web
MobileWebApple 
阅读更多

Web 前端优化最佳实践最后一部分是针对移动应用的，其实只是针对 iPhone 的，目前只有两条规则。

1. 单个数据对象小于 25K (Keep Components under 25K)

这个似乎只是针对 iPhone 研究 的。建议保持单个 Web 数据对象在 25 K 以下。为什么是 25K? Apple 官方信息指出可缓存到内存中的 Web 对象最大支持到 10M，但经过测试，发现也就是 25K 左右。

iPhone 在市场上的优异表现，让 Web 人员不得不考虑如何针对其进行优化。相信这部分内容也在不断变化中。

2. Pack Components into a Multipart Document

把Web 页面组件打包成一个多部分组成的文档。其目的是减少 HTTP 请求。对这部分语焉不详，等待后续更新吧。

分享到：
| Web 前端优化最佳实践之图象篇
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jqueryMobile插件仿iPhone滑动出现删除按钮

    本篇文章将详细探讨如何利用jQuery Mobile插件来实现一个仿iPhone滑动出现删除按钮的功能，这一功能在很多移动应用中常见，例如邮件、联系人或任务管理器。 首先，我们需要理解jQuery Mobile的核心概念。它基于...

    OperaMobile12.1.zip

    总的来说，Opera Mobile 12.1 是一个强大的开发工具，它极大地简化了跨平台前端测试的流程，提高了开发效率，是Web开发者不可或缺的助手。通过充分利用其功能，开发者可以确保他们的作品无论在何种设备上都能表现...

    开发者必读jQuery Mobile入门教程

    jQuery Mobile 是一个专门为移动设备设计的前端框架，它简化了跨平台的移动Web应用开发，尤其针对HTML5标准提供了良好的支持。这个框架由jQuery社区开发，致力于解决不同智能手机系统的浏览器兼容性问题，使得开发者...

    Mobile Web Development: Building mobile websites, SMS and MMS messaging, mobile payments, and automated voice call systems with XHTML MP, WCSS, and mobile AJAX

    - **Mobile Web Toolkit**：包含多种工具和组件的集合，用于加速移动网站开发。 - **GAIA Image Transcoder**：用于优化图像大小和格式以适应不同移动设备的工具。 - **HAWHAW**：一个用于移动设备的图像服务器。 - ...

    开发者必读jQueryMobile入门教程.pdf

    jQuery Mobile 是一个专门为移动设备设计的前端框架，它由 jQuery 社区开发，旨在简化跨平台的移动 web 应用程序开发。这个框架的核心理念是实现渐进增强，确保在各种移动设备上都能提供良好的用户体验，同时兼顾...

    web移动端教程

    虽然给定的部分内容较为杂乱无章且缺乏明确的信息，但根据目录和部分提及的技术点，我们可以构建一个关于Swift语言、iOS开发以及前端移动开发框架如jQuery Mobile和Ionic的综合教程概览。 ### Swift教程 #### ...

    jQuery_Mobile中文API手册.pdf

    ### jQuery Mobile 中文 API 手册关键知识点解析 #### 概述 《jQuery Mobile中文API手册》是一份针对前端开发者的重要资源...通过遵循文档中的指导原则和最佳实践，开发者可以轻松构建出高质量的跨平台移动Web应用。

    iPhone WebApp 开发指南

    总结，开发iPhone WebApp需要熟悉iOS的Web特性，掌握HTML5、CSS3和JavaScript等前端技术，同时关注用户体验和性能优化。通过《iPhone WebApp 开发指南》这样的资源，开发者可以深入了解这个领域，构建出既美观又实用...

    苹果iPhone_WebApp_开发指南

    总之，苹果iPhone WebApp开发是一个结合Web技术与移动设备特性的过程，需要开发者具备扎实的Web基础知识，理解移动设备的交互特点，并掌握相关的开发工具和框架。通过不断学习和实践，开发者可以创造出富有创新性和...

    移动WEB开发流程

    移动WEB开发首先需要深入理解各个操作系统的特性和市场占有率，如Symbian、iPhoneOS、Android、Windows Mobile等。同时，必须关注不同平台上的内置浏览器（如Safari、Chrome Lite）以及第三方浏览器（如Opera Mini...

    jQuery_Mobile使用指南

    jQuery Mobile 是一个专为移动设备设计的前端框架，它基于 jQuery，旨在简化移动Web应用程序的开发，提供美观、跨平台的界面。对于初学者来说，掌握 jQuery Mobile 可以快速构建高质量的移动应用，尤其在Android开发...

    iphone与ipad上开发html5

    iPhone和iPad作为苹果公司生产的两大智能手机和平板电脑产品线，它们的普及度和市场占有率非常高，成为了现代移动设备的代表之一。而HTML5作为新一代的网页标准，自从2014年被各大浏览器全面支持以来，迅速成为移动...

    入门必看：用PhoneGap开发手机应用程序(android,iPhone等)

    PhoneGap 是一款开源的开发工具，它允许开发者利用 HTML、JavaScript 和 CSS 这些Web前端技术来构建跨平台的移动应用程序。PhoneGap 开发的主要优势在于它的跨平台性，覆盖了包括 Android、iOS、BlackBerry 在内的多...

    jQuery_Mobile指南

    jQuery Mobile 是一个专门针对移动设备优化的前端框架，旨在简化移动Web应用的开发，提供美观且跨设备兼容的用户界面。这个框架基于流行的JavaScript库jQuery，弥补了jQuery在移动应用开发领域的不足。jQuery Mobile...

Magicbox
Global site tag (gtag.js) - Google Analytics