Optimizing data downloaded via 'link' media queries and asynchronous loading

Posted by adam-asdf on Pro Webmasters See other posts from Pro Webmasters or by adam-asdf
Published on 2012-11-06T08:07:53Z Indexed on 2012/11/06 17:23 UTC
Read the original article Hit count: 287

Filed under:

mobile

|

cache

|

firefox

|

media-queries

I have a website that tries to make sensible use of media queries and avoid 'expensive' CSS for users of mobile devices. My eventual goal is to make it 'mobile-first' but for now, since it is based on Twitter Bootstrap it isn't.

I included some background images (Base64 encoded) and styles that would only apply to "full-size" browsers in a separate stylesheet loaded asynchronously via modernizr.load.

In Firefox (but not webkit browsers) it makes it so that if you navigate away from the homepage and then return, the content (specifically, all those extras) 'blinks' when it finishes loading...or maybe I should say reloading.

If, instead of using modernizr.load, I include that stylesheet via a link... in the head with a media query attribute will it prevent the data from being downloaded by non-matching browsers (mobile, based on screensize) that it is inapplicable to?

© Pro Webmasters or respective owner

Related posts about mobile

Cloud MBaaS : The Next Big Thing in Enterprise Mobility

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
In this blog post, I will take a look at Cloud Mobile Backend as a Service (MBaaS) and how we can leverage Cloud based Mobile Backend as a Service for building enterprise mobile apps. Today, mobile apps are incredibly significant in both consumer and enterprise space and the demand for the mobile… >>> More
The broken Promise of the Mobile Web

as seen on West-Wind - Search for 'West-Wind'
High end mobile devices have been with us now for almost 7 years and they have utterly transformed the way we access information. Mobile phones and smartphones that have access to the Internet and host smart applications are in the hands of a large percentage of the population of the world. In many… >>> More
Mobile enabled web apps with ASP.NET MVC 3 and jQuery Mobile

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
In my previous blog posts, I have demonstrated a simple web app using ASP.NET MVC 3 and EF Code First. In this post, I will be focus on making this application for mobile devices. A single web site will be used for both mobile browsers and desktop browsers. If users are accessing the web app from… >>> More
How to import Opera Mobile 9 bookmarks into Opera 10 Mobile Beta 3

as seen on Super User - Search for 'Super User'
On my Samsung Saga, I've been using the Opera 9 as my default browser. I just installed Opera 10 Beta 3 and I want to import the Opera 9 bookmarks into Opera 10. How do I do that? >>> More
Oracle Retail Point-of-Service with Mobile Point-of-Service, Release 13.4.1

as seen on Oracle Blogs - Search for 'Oracle Blogs'
Oracle Retail Mobile Point-of-Service was previously released as a standalone product. Oracle Retail Mobile Point-of-Service is now a supported extension of Oracle Retail Point-of-Service, Release 13.4.1. Oracle Retail Mobile Point-of-Service provides support for using a mobile device to perform tasks… >>> More

Related posts about cache

How to remove a package entirely?

as seen on Ask Ubuntu - Search for 'Ask Ubuntu'
Hi I'm quite new to Linux, but before using it I was hearing that Windows programs, after uninstallation, leaves a lot of remains on the hard disc, and Linux removes all. I'm using Ubuntu 10.04. To uninstall packages I'm using sudo apt-get autoremove application_name or sudo aptitude purge application_name… >>> More
LVM / Device Mapper maps wrong device

as seen on Server Fault - Search for 'Server Fault'
Hi, I run a LVM setup on a raid1 created by mdadm. md2 is based on sda6 (major:minor 8:6) and sdb6 (8:22). md2 is partition 9:2. The VG on top of md2 has 4 LVs, var, home, usr, tmp. First the problem: While booting it seems as if the device mapper takes the wrong partition for the mapping! Immediately… >>> More
Application throws NotSerializableException when run on an jboss cluster

as seen on Stack Overflow - Search for 'Stack Overflow'
Environment: JBoss 5.1.0, JBoss Seam 2.2.0 While trying to get my application running in a clustered environment after login I am getting the following exception. Post login we try to store the currentUser in jboss seam session context. java.io.NotSerializableException: org.jboss.seam.util.AnnotatedBeanProperty How… >>> More
Windows Azure Evolution – Caching (Preview)

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Caching is a popular topic when we are building a high performance and high scalable system not only on top of the cloud platform but the on-premise environment as well. On March 2011 the Windows Azure AppFabric Caching had been production launched. It provides an in-memory, distributed caching service… >>> More
Locking Cache Key without Locking the entire Cache

as seen on Stack Overflow - Search for 'Stack Overflow'
I have servlets that caches user information rather then retrieving it from the user store on every request (shared Ehcache). The issue I have is that if a client is multi-threaded and they make more then one simultaneous request, before they have been authenticated, then I get this in my log: Retrieving… >>> More