I fully understand the need to reducing extra HTTP requests, however as the main style sheet gets fatter and fatter with different media queries stuff in it I am starting to doubt the benefit of reducing HTTP requests in this manner.
Say, in the main style sheet I serve @media print @media only screen and (max-width: 480px) @media only screen and (orientation: portrait) and (device-width: 768px) By deleting the above 3 media types I can cut down some 30% fat. 2 questions: 1. Will the desktop browser stops loading the above 3 media unless requested? 2. If I link each media type individually, does the desktop browser actually load the above 3 style sheets? My thought is not but I haven't a clue. Similarly, will it not better for targeted device not loading two of the media types? If a targeted device loads only the correct style sheets, it will be 2 HTTP requests (one for main style and one for targeted media type) but the file size of each style sheet is significant reduce, and this seems to be beneficial especially for bandwidth concerned mobile devices. Yes? Thanks! tee ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] *******************************************************************
