There have been a lot of suggestions about expanding the image capabilities of WordPress. This proposal is for something much simpler, which wouldn't interfere with those proposals. (It could be implemented whether the others are added or not) It merely would allow 90% of WordPress pages to load much more smoothly.
How? Typically, images in WordPress are not given width and height specifications within the
img tag. I do this myself as a matter of course, for every post, and it's a pain, because I have to do it manually. First, I have to look up the image size in Photoshop or in the Windows Explorer. Then, I have to go into the Code tab and manually enter the width and height attributes into the
Why do I do this? Because browsers rely on width and height attributes to lay out pages quickly. When a big image is loading slowly, if a width and height are provided, the rest of the page can render and the browser doesn't have to wait for the image to load in order to see how big the image will be.
So here are two simple proposals, either of which could be implemented (though I'd prefer both):
One is simply to have WordPress's image editor indicate the native size of an image when it is displayed within the image browser, and maybe to have the height and width automatically placed in an alterable field, so the image can be resized if that is desired (I would never do that within WordPress, because I trust Photoshop's resizing algorithms much more, but others may want to).
The other is simply to have WordPress automatically add width and height attributes to
img tags as they are inserted into the post's code when an image is added to a post. These would either come from the native size of the image or thumbnail, or --- if the previous suggestion is implemented --- from the field in the image browser.
Both proposals could be options, selectable in the options menu.