External Resources

Problem: The client device must separately download every external resource listed in a page (images, stylesheets and other objects). This adds time and cost to view a page.

Solution: Carefully consider the number of external resources you use, limit them and keep each resource’s file size as small as possible without sacrificing usability across multiple devices.

Discussion: Most mobile browsers download each resource as a separate element, beginning with downloading and rendering markup, followed by stylesheets and images. Depending on network speed, the user may see the basic markup while external resources download. When the download finishes, the browser renders the page again with the included elements.