So I have several images that have been edited / created via photoshop on my website http://www.info-junkie.com i saved this images as saved for html or something along those lines, which greatly reduced their size. However, I am still running into problems when loading my site. Upon checking site loading time tools, it is showing that most of my problems are coming from large image file size. Does anyone have any suggestions on how to optimize my images for my site?
Again that site is http://www.info-junkie.com
Upon checking site loading time tools, it is showing that most of my problems are coming from large image file size.
Got an example of an oversized image?
That site is powered by Wordpress so if you're uploading images via Wordpress then the Wordpress engine should be automatically compressing image sizes to acceptable limits when you upload them.
I wouldn't put too much stock in those testing tools. Unless you are targeting some poor sap in the middle of nowhere with a lousy mobile connection and a 10 year old phone, the loading times are okay for an uncached page. Of course there's the question of whether the large image is necessary, considering that most of it is covered up most of the time, but no need to overobsess... The biggest problem I had was DNS resolution, since apaprently the method you chose to host your site uses a lot of roaming IPs and requires a lot of DNS requests therefore, when not cached with the local provider...