Aspect RatiosĪnother factor is how an image appears in the context of our WordPress theme. Studies have shown that people will give a web page up to 3 seconds to load the information and are likely to lose patience if it takes longer than that, so improving page performance is in the best interests of everyone. Some of the pages load up to 87% faster than average, but one page stands out as loading 65% slower than average it takes nearly 7 seconds to load for the content for the average viewer (and even longer on a slow cell or rural broadband connection). This page performance issue is likely due to images on the page that are not optimized and, in fact, when we take a close look at the page we find images that are about 10 times larger than they should be. It shows page load times as compared to the average of all university web pages. One tool we use to determine if images are not optimized is Google Analytics, which provides data indicating if a page may have large image file sizes that are impacting how long it takes for a web browser to load the page content.įor example, the screenshot in this section features a typical set of page performance data for a Boise State website. If your images are not optimized for the web, they may look bad on the page (especially when viewed on different devices) and/or cause your web pages to load slowly. Why Does Image Optimization Matter? Page load performance for a Boise State website displaying a range of timings from 87% faster to 65% slower than average. However, if you want to learn about image optimization for your own benefit please read on for a very high-level overview of web image optimization. We’re going to soon begin reaching out to site admins who are using images that aren’t optimized and are causing impacts on page performance, but we also want you to know that if you have images that need to be sized and/or optimized for the web you can simply ask us for assistance and we’ll take care of it for you. We Can Do This For Youĭid you catch that last part? Chances are if you’re using images on your website that are impacting page performance it’s because image optimization isn’t something you’re familiar with, and/or because you have dozens of more important things on your plate to worry about. Let’s look at what this means, free tools you can use, and how we can do this for you so you don’t have to worry about it. How wide and tall are your images supposed to be? If you want to use an image that doesn’t conform to a recommended panel size, how do you crop it to make it fit? If your image is smaller than a recommended size, what are your options? If someone gives you images straight out of a camera, how are you supposed to optimize that image for your website (especially if you don’t have access to the right tools)? ![]() Compress and/or output your image in the correct format at a reasonable file size.Įach step involves considerations.Crop and size your image to the recommended height and width and,.Optimizing an image for a Boise State website requires two primary steps: But are your images optimized for size, file type, and height and width? Our WordPress theme provides several options for adding images to web pages, whether including them within Panels or on default pages.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |