{"id":21782,"date":"2018-09-19T16:19:39","date_gmt":"2018-09-19T16:19:39","guid":{"rendered":"http:\/\/best_practices_for_the_mobile_world"},"modified":"2024-10-23T17:55:17","modified_gmt":"2024-10-24T00:55:17","slug":"best_practices_for_the_mobile_world","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world","title":{"rendered":"Best Practices for the Mobile World"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p><strong>TL;DR<\/strong><\/p>\n<ul>\n<li>\n<a href=\"#mobile-web\">Quick reference to Optimizations for the Mobile Web<\/a>\n<\/li>\n<li>\n<a href=\"#ios-and-android-apps\">Quick reference to Optimizations for iOS and Android Apps<\/a>\n<\/li>\n<\/ul>\n<p>We live in a visual world, often while on the go, and consumers expect media-rich web content. Accordingly, the loading speed of images and <a href=\"https:\/\/cloudinary.com\/video_api\">videos<\/a> is a big factor in user experience. To <a href=\"https:\/\/cloudinary.com\/blog\/image_optimization_for_websites_beautiful_pages_that_load_quickly\">optimize<\/a> customer satisfaction with mobile content, you must focus on the quality, format, and size of your digital assets. With Cloudinary, optimization is simple, not only enhancing your mobile web and app performance but also <a href=\"https:\/\/cloudinary.com\/blog\/engineering_better_google_mobile_search_ranking_through_image_optimization\">upping your SEO game<\/a> and boosting customer satisfaction.<\/p>\n<h2>Mobile Optimization Defined<\/h2>\n<p>Mobile optimization, a term that\u2019s sometimes used synonymously with \u201cresponsive design\u201d or \u201cmobile friendly,\u201d refers to the process of designing an engaging and streamlined experience for users who access your website or app from a mobile device. However, optimizing mobile sites or apps must go beyond adjusting for screen size, taking into account network conditions and device type and delivering a purposeful experience. Since users consume far more visual content on mobile than on desktop, your digital media are the most important part of your mobile-optimization strategy.<\/p>\n<h2>Optimizing for Mobile<\/h2>\n<p>Optimizing for mobile websites is quick and easy with Cloudinary\u2019s capability for on-the-fly URL transformations and built-in, responsive solutions for both images and videos.<\/p>\n<h3>Image Optimization<\/h3>\n<p>Here are the ways to optimize images for mobile with Cloudinary:<\/p>\n<ul>\n<li>Add the <code>f_auto,q_auto<\/code> parameter to all your image URLs to serve the most optimized format and quality to users with no visual degradation whatsoever. For details, see this <a href=\"https:\/\/cloudinary.com\/blog\/the_holy_grail_of_image_optimization_or_balancing_visual_quality_and_file_size\">blog post<\/a>.<\/li>\n<li>Resize or adopt responsive solutions for your images by doing the following:\n<ul>\n<li>Resize your images if you have specific layout dimensions and know the exact width or height required.<\/li>\n<li>Implement responsive design, that is, adjust the content\u2019s size, resolution, and layout to fit the application environment.\n<ul>\n<li>Leverage Cloudinary\u2019s JavaScript responsive solution for image resizing by adding the <code>w_auto,dpr_auto,c_limit<\/code> parameter to your URLs. Also, import Cloudinary\u2019s library and include the <code>cld-responsive<\/code> class in your image tags. For details, see this  <a href=\"https:\/\/cloudinary.com\/blog\/how_to_automatically_create_images_for_responsive_design\">blog post<\/a>.<\/li>\n<li>Alternatively, use responsive breakpoints instead. Cloudinary can generate the URLs required for your <code>&lt;picture&gt;<\/code> tag or <code>srcset<\/code>. For details, see this <a href=\"https:\/\/cloudinary.com\/blog\/introducing_intelligent_responsive_image_breakpoints_solutions\">blog post<\/a>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>To explicitly resize and adjust for resolution, your final image URL would look like this:<\/p>\n<pre class=\"js-syntax-highlighted\"><code>https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto,q_auto,w_500,dpr_2.0,c_limit\/happy-pup.jpg \n\n<\/code><\/pre>\n<p>Impressively, those simple URL parameters reduced the image\u2019s file size from 1.23 MB to 126 KB.<\/p>\n<h3>Video Optimization<\/h3>\n<p>Optimize videos with Cloudinary also by focusing on size, format, and quality, as follows:<\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#resizing_and_cropping_videos\">Resize<\/a> videos to fit your design. For example, adding the <code>w_800,c_limit<\/code> parameter to a video\u2019s URL resizes that video to 800 pixels wide unless the original is smaller. Just change the <code>800<\/code> value to the known maximum width for your videos.<\/p>\n<pre class=\"js-syntax-highlighted\"><code>https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_800,c_limit\/dog.mp4\n<\/code><\/pre>\n<\/li>\n<\/ul>\n<p>That resize parameter reduced the video size from 9.1 MB to 669 KB.<\/p>\n<ul>\n<li>\n<p>By default, any transformation implicitly applied with Cloudinary to a video (e.g., resizing, as described above) also includes the video-codec auto (<code>vc_auto<\/code>) settings when the transformed video is delivered. <code>vc_auto<\/code> applies quality 70 (<code>q_70<\/code>) and the universally-accepted video and audio settings for the type of file in question.\nInstead of setting a quality value for a video, you can specify <code>q_auto<\/code> to take advantage of Cloudinary\u2019s intelligent quality and encoding algorithm for videos. To serve the original video with no additional parameters for a quick win, just add <code>q_auto<\/code> to your URL. For more details, see this <a href=\"https:\/\/cloudinary.com\/blog\/new_auto_quality_setting_for_content_aware_video_compression\">blog post<\/a>.<\/p>\n<pre class=\"js-syntax-highlighted\"><code>https:\/\/res.cloudinary.com\/demo\/video\/upload\/q_auto\/dog.mp4\n<\/code><\/pre>\n<p>With <code>q_auto<\/code>, the file size shrank from 9.1 MB to 821 KB without impacting the visual quality of the video.<\/p>\n<\/li>\n<li>\n<p>Similar to images, you can also specify <code>f_auto<\/code> to videos to automatically apply the highly-optimized video codecs, assuming that the browser supports that parameter. Here\u2019s an example:<\/p>\n<pre class=\"js-syntax-highlighted\"><code>https:\/\/res.cloudinary.com\/demo\/video\/upload\/f_auto,q_auto,w_1280,c_limit\/dog.mp4\n<\/code><\/pre>\n<\/li>\n<\/ul>\n<p>With that one-URL approach, the video size went from 9.1 MB to 520 KB with H.265\/MP4 in Safari, 394 KB with VP9\/WebP in Chrome, and 821 KB with H.264\/MP4 in Firefox.<\/p>\n<ul>\n<li>For videos that run for longer than 20 seconds, consider <a href=\"https:\/\/cloudinary.com\/blog\/video_optimization_part_ii_adaptive_bitrate_streaming_of_multiple_codecs\">adaptive bitrate streaming<\/a> to adjust the quality of your video on the fly to accommodate your users\u2019 network conditions.<\/li>\n<\/ul>\n<h3 id=\"mobile-web\">Quick Reference for the Mobile Web<\/h3>\n<p>In summary:<\/p>\n<ul>\n<li>To optimize images for mobile, add the <code>f_auto,q_auto<\/code> parameter to the URLs and adopt Cloudinary\u2019s <a href=\"https:\/\/cloudinary.com\/blog\/how_to_automatically_create_images_for_responsive_design\">responsive solution<\/a>.<\/li>\n<li>To optimize videos for the mobile web, add the <code>q_auto,f_auto<\/code> parameter to have Cloudinary choose the best codec and quality compression on the fly. In addition, you can resize videos with the <code>w_800,c_limit<\/code> parameter, setting <code>800<\/code> to the known maximum width for your videos.<\/li>\n<li>For longer videos, use <a href=\"https:\/\/cloudinary.com\/blog\/video_optimization_part_ii_adaptive_bitrate_streaming_of_multiple_codecs\">adaptive bitrate streaming<\/a>.<\/li>\n<\/ul>\n<h2>Optimizations for iOS and Android Apps<\/h2>\n<p>Cloudinary\u2019s iOS and Android SDKs offer simple yet comprehensive optimization and delivery capabilities, which you can seamlessly integrate with your native apps.<\/p>\n<ul>\n<li>Our <a href=\"https:\/\/cloudinary.com\/blog\/cloudinary_s_ios_sdk_makes_a_swift_move_for_mobile_image_management\">iOS SDK<\/a> enables you to upload, manipulate, optimize, and deliver images and videos with just a few simple lines of code.<\/li>\n<li>Our <a href=\"https:\/\/cloudinary.com\/blog\/addressing_mobile_challenges_with_the_new_cloudinary_sdk_for_android\">Android SDK<\/a> features the <code>MediaManager<\/code> class, with methods for configuring and handling all media-related operations.<\/li>\n<\/ul>\n<p>The sections below describe how to optimize the quality, format, and media size of your native apps with those two SDKs.<\/p>\n<h3>Image Optimization<\/h3>\n<p>Resizing your images or adopting a responsive app design is important on both iOS and Android. Cloudinary\u2019s <a href=\"https:\/\/cloudinary.com\/blog\/giving_your_mobile_app_a_boost_part_2_mobile_responsive_image_delivery\">responsive solutions for native apps<\/a> simplify the many complexities in the creation of multiple variants of media assets.<\/p>\n<ul>\n<li>\n<p><strong>For Android<\/strong>, adopt Cloudinary\u2019s quality-compression algorithm and Google\u2019s optimized image format, WebP, to serve light images to your users. Just add the <code>q_auto,f_webp<\/code> parameter to your image URLs or apply transformations through the SDK for image impression on Android.<\/p>\n<pre class=\"js-syntax-highlighted\"><code>https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_webp,q_auto\/fat_cat.jpg\n<\/code><\/pre>\n<p>Applying the above parameter reduced the file size from 445 KB to 21 KB.<\/p>\n<\/li>\n<li>\n<p><strong>For iOS<\/strong>, optimize the quality and apply JPEG2000 formatting to achieve similar results. That is, add the <code>q_auto,f_jp2<\/code> parameter to your image URLs or apply the transformations through the SDK.<\/p>\n<pre class=\"js-syntax-highlighted\"><code>https:\/\/res.cloudinary.com\/demo\/image\/upload\/q_auto,f_jp2\/fat_cat.jpg\n<\/code><\/pre>\n<p>Post-optimization, the image shrank from 445 KB to 25 KB.<\/p>\n<\/li>\n<\/ul>\n<p>As a bonus, if you accept <a href=\"https:\/\/cloudinary.com\/documentation\/user_generated_content\">user-generated content<\/a>, <a href=\"https:\/\/cloudinary.com\/blog\/giving_your_mobile_app_a_boost_part_1_pre_upload_image_processing\">preprocess your images<\/a> to reduce upload and delivery times.<\/p>\n<h3>Video Optimization<\/h3>\n<p>Optimize your videos as follows:<\/p>\n<ul>\n<li>\n<p>For native apps, explicitly target the new video codecs described in the [Mobile Web section](## Optimizations for the Mobile Web) in your URLs.<\/p>\n<\/li>\n<li>\n<p>For <a href=\"https:\/\/support.apple.com\/en-us\/HT207022\">iOS 11 and above<\/a>, take advantage of H.265\u2019s MP4 support, <code>q_auto<\/code>, and resize your videos with the <code>f_mp4,vc_h265,q_auto,w_1280,c_limit<\/code> parameter, setting the <code>1280<\/code> value to the known maximum width for your videos.<\/p>\n<pre class=\"js-syntax-highlighted\"><code>https:\/\/res.cloudinary.com\/demo\/video\/upload\/f_mp4,vc_h265,q_auto,w_1280,c_limit\/cat.mp4\n<\/code><\/pre>\n<p>The above optimizations reduced the video\u2019s file size from 3.6 MB to 1.7 MB.<\/p>\n<\/li>\n<li>\n<p>For <a href=\"https:\/\/developer.android.com\/guide\/topics\/media\/media-formats\">Android 4.4 and above<\/a>, serve the highly-optimized VP9 video codec in WebM, <code>q_auto<\/code>, and resize your videos with the <code> f_webm,vc_vp9,q_auto,w_1280,c_limit<\/code> parameter, setting the <code>1280<\/code> value to the known maximum width for your videos.<\/p>\n<pre class=\"js-syntax-highlighted\"><code>https:\/\/res.cloudinary.com\/demo\/video\/upload\/f_webm,vc_vp9,q_auto,w_1280,c_limit\/cat.mp4\n<\/code><\/pre>\n<p>The above optimizations reduced the video\u2019s file size from 3.6 MB to 1.4 MB.<\/p>\n<\/li>\n<li>\n<p>Be sure that your video player supports the new video codecs, as <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_video_player\">Cloudinary\u2019s Video Player<\/a> does. For older devices, default to the universally-accepted codec formats by adding the  <code>q_auto,w_1280,c_limit<\/code> parameter to your Cloudinary URLs, setting the <code>1280<\/code> value to the known maximum width for your videos.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/cloudinary.com\/blog\/video_optimization_part_ii_adaptive_bitrate_streaming_of_multiple_codecs\">Adaptive bitrate streaming<\/a> also works well for longer videos in apps. <a href=\"https:\/\/developer.android.com\/guide\/topics\/media\/exoplayer\">ExoPlayer<\/a> for Android supports Dynamic Adaptive Streaming over HTTP (DASH); <a href=\"https:\/\/developer.apple.com\/documentation\/avfoundation\/avplayer#\/\/apple_ref\/doc\/uid\/TP40009530\">AVPlayer<\/a> for iOS supports HTTP Live Streaming (HLS).<\/p>\n<\/li>\n<\/ul>\n<h3 id=\"ios-and-android-apps\">Quick Reference for iOS and Android Apps<\/h3>\n<p>In summary:<\/p>\n<ul>\n<li>For iOS, add the <code>q_auto,f_jp2<\/code> parameters to your images and adopt the iOS SDK\u2019s built-in <a href=\"https:\/\/cloudinary.com\/documentation\/ios_image_manipulation#responsive_images\">responsive solution<\/a>. Use <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_video_player\">Cloudinary\u2019s Video Player<\/a> and add the <code>vc_h265,f_mp4,q_auto<\/code> parameter in addition to resizing your videos.<\/li>\n<li>For Android, add the <code>q_auto,f_webp<\/code> parameter to your images and adopt the Android SDK\u2019s built-in <a href=\"https:\/\/cloudinary.com\/documentation\/android_image_manipulation#responsive_images\">responsive solution<\/a>.<\/li>\n<li>Use <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_video_player\">Cloudinary\u2019s Video Player<\/a> and add the <code>vc_vp9,f_webm,q_auto<\/code> parameter in addition to resizing your videos.<\/li>\n<li>Add a fallback format to the <code>q_auto,w_1280,c_limit<\/code> parameter for older devices that do not support the newer video codecs, setting the <code>1280<\/code> value to the known maximum width for your videos.<\/li>\n<li>Use <a href=\"https:\/\/cloudinary.com\/blog\/video_optimization_part_ii_adaptive_bitrate_streaming_of_multiple_codecs\">adaptive bitrate streaming<\/a> for playing longer videos in your apps.<\/li>\n<\/ul>\n<h2>Conclusion<\/h2>\n<p>Serving optimized images and videos is crucial for delivery of web content. Since viewing of digital media occurs more often on mobile devices, web and mobile app developers must consider the vast ecosystem of those devices while creating their mobile-website design and app-optimization and delivery strategies for a satisfactory end-user experience. With Cloudinary, achieving a responsive, optimized, and fast mobile experience is easy and hassle free, freeing you up to focus on your core business. <a href=\"https:\/\/cloudinary.com\/users\/register\/free\">Sign up for free<\/a> to try it out!<\/p>\n<hr \/>\n<h2>Further Reading on Image Optimization<\/h2>\n<ul>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/image_optimization_for_websites_beautiful_pages_that_load_quickly\">Website image optimization and fast delivery with Cloudinary<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/image_optimization_in_php\">The complete guide to PHP image compression and optimization<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/vue_js_tutorial_image_optimization_for_web_apps\">Vue.js Tutorial: Images Optimization for Web Apps<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/image_optimization_in_python\">Python Image Optimization and Manipulation<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/image_optimization_in_ruby\">Image Optimization in Ruby<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/image_optimization_in_wordpress\">Image Optimization for WordPress<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/the_great_jpeg_2000_debate_analyzing_the_pros_and_cons_to_widespread_adoption\">Learn about the pros and cons of JPEG 2000<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/quick_guide_using_webp_on_your_website_or_native_apps\">Adopting the WebP Image Format for Android on Websites Or Native Apps<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/top_10_mistakes_in_handling_website_images_and_how_to_solve_them\">10 Website Image Mistakes that Slow Load Times<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/adaptive_browser_based_image_format_delivery\">Automatically Reduce Image Size Without Losing Quality<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/low_quality_image_placeholders_lqip_explained\">Automate Placeholder Generation and Accelerate Page Loads<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/progressive_jpegs_and_green_martians\">Three Ways to Do Progressive JPEG Encoding<\/a>\n<\/li>\n<\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":21783,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[333,25,174,202,227,303,305],"class_list":["post-21782","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-android","tag-asset-management","tag-ios","tag-mobile","tag-performance-optimization","tag-video","tag-video-api"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Mobile Optimization: Optimize Your Mobile-Web User Experience<\/title>\n<meta name=\"description\" content=\"With Cloudinary, mobile optimization is simple, not only reducing your mobile page loading speed, but also improving your SEO and boosting customer experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best Practices for the Mobile World\" \/>\n<meta property=\"og:description\" content=\"With Cloudinary, mobile optimization is simple, not only reducing your mobile page loading speed, but also improving your SEO and boosting customer experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-19T16:19:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-24T00:55:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649749287\/Web_Assets\/blog\/Best-Practices-for-Mobile\/Best-Practices-for-Mobile-jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"1540\" \/>\n\t<meta property=\"og:image:height\" content=\"847\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Best Practices for the Mobile World\",\"datePublished\":\"2018-09-19T16:19:39+00:00\",\"dateModified\":\"2024-10-24T00:55:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world\"},\"wordCount\":6,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649749287\/Web_Assets\/blog\/Best-Practices-for-Mobile\/Best-Practices-for-Mobile.jpg?_i=AA\",\"keywords\":[\"Android\",\"Asset Management\",\"iOS\",\"Mobile\",\"Performance Optimization\",\"Video\",\"Video API\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2018\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world\",\"url\":\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world\",\"name\":\"Mobile Optimization: Optimize Your Mobile-Web User Experience\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649749287\/Web_Assets\/blog\/Best-Practices-for-Mobile\/Best-Practices-for-Mobile.jpg?_i=AA\",\"datePublished\":\"2018-09-19T16:19:39+00:00\",\"dateModified\":\"2024-10-24T00:55:17+00:00\",\"description\":\"With Cloudinary, mobile optimization is simple, not only reducing your mobile page loading speed, but also improving your SEO and boosting customer experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649749287\/Web_Assets\/blog\/Best-Practices-for-Mobile\/Best-Practices-for-Mobile.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649749287\/Web_Assets\/blog\/Best-Practices-for-Mobile\/Best-Practices-for-Mobile.jpg?_i=AA\",\"width\":1540,\"height\":847},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Practices for the Mobile World\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Mobile Optimization: Optimize Your Mobile-Web User Experience","description":"With Cloudinary, mobile optimization is simple, not only reducing your mobile page loading speed, but also improving your SEO and boosting customer experience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world","og_locale":"en_US","og_type":"article","og_title":"Best Practices for the Mobile World","og_description":"With Cloudinary, mobile optimization is simple, not only reducing your mobile page loading speed, but also improving your SEO and boosting customer experience.","og_url":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world","og_site_name":"Cloudinary Blog","article_published_time":"2018-09-19T16:19:39+00:00","article_modified_time":"2024-10-24T00:55:17+00:00","og_image":[{"width":1540,"height":847,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649749287\/Web_Assets\/blog\/Best-Practices-for-Mobile\/Best-Practices-for-Mobile-jpg?_i=AA","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world"},"author":{"name":"","@id":""},"headline":"Best Practices for the Mobile World","datePublished":"2018-09-19T16:19:39+00:00","dateModified":"2024-10-24T00:55:17+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world"},"wordCount":6,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649749287\/Web_Assets\/blog\/Best-Practices-for-Mobile\/Best-Practices-for-Mobile.jpg?_i=AA","keywords":["Android","Asset Management","iOS","Mobile","Performance Optimization","Video","Video API"],"inLanguage":"en-US","copyrightYear":"2018","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world","url":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world","name":"Mobile Optimization: Optimize Your Mobile-Web User Experience","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649749287\/Web_Assets\/blog\/Best-Practices-for-Mobile\/Best-Practices-for-Mobile.jpg?_i=AA","datePublished":"2018-09-19T16:19:39+00:00","dateModified":"2024-10-24T00:55:17+00:00","description":"With Cloudinary, mobile optimization is simple, not only reducing your mobile page loading speed, but also improving your SEO and boosting customer experience.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649749287\/Web_Assets\/blog\/Best-Practices-for-Mobile\/Best-Practices-for-Mobile.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649749287\/Web_Assets\/blog\/Best-Practices-for-Mobile\/Best-Practices-for-Mobile.jpg?_i=AA","width":1540,"height":847},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/best_practices_for_the_mobile_world#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Best Practices for the Mobile World"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649749287\/Web_Assets\/blog\/Best-Practices-for-Mobile\/Best-Practices-for-Mobile.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=21782"}],"version-history":[{"count":5,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21782\/revisions"}],"predecessor-version":[{"id":36192,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21782\/revisions\/36192"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/21783"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=21782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=21782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=21782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}