• 0
Sign in to follow this  
Followers 0

Features Images and Slider Question

Question

Posted · Report post

I'm currently using a combination of a Features slider and Magazine Layout. In order to accommodate the Features slider, all feature images have been uploaded as 900 pixels wide. However, with 10 articles in Magazine layout under a five-slide features slider, the home page is loading very heavy with not optimized images.

 

Is it possible to autoresize the feature image when you're using Magazine Layout Mode? (screenshot attached)

 

I like using both together, but I need to find a better way to load images for site load optimization, which I've been trying to work on for some time. The site has quite a number of calls on it, so whatever I can optimize or reduce will help (this is a separate issue).

 

Thanks!

 

(site: logansquarist.com)

Share this post


Link to post
Share on other sites

11 answers to this question

  • 0

Posted · Report post

Hi,

 

The issue you have is that you're using the On Top thumb location option. This option uses the Full size image, users requested such an option in the past, thats why its been added since PageLines Framework.

If you wish to not use a full size image, you will want to use another option such as Left Justified, Left, in excerpt or Right, in excerpt. You're using a CDN which is great and if I am honest, your site loads up pretty quick considering.

Most of your image sizes are perfect, meaning they're under 100kb. However, there are a few that are 500kb, you will probably want to optimise these, using one of the following:

 

https://kraken.io/

http://wordpress.org/plugins/wp-smushit/

http://tinypng.org/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks for the full assessment, Danny! To clarify, the only way to change it is to choose another thumb position option and the layout of the site? I do really like the layout as it is and I'd hate to change it. No other way around it, right?

 

I just recently made the CDN and other changes to improve load speed. Also thanks for the tips on the photos. I'm using smushit to help address some of the photos. We have a large staff of contributors, and not everyone is as versed in photo editing.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Unfortunately, there is any other way. The On Top option uses the Full sized image instead of a thumb and this option will not change. 

 

You could use one of the other options and then use custom CSS to try and position it in a similar fashion to the on top layout.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Great, thanks. I might think about the custom CSS idea perhaps. Thanks much!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi there, you could also try a cache plugin to speed up the loading of the site. Something like total cache http://wordpress.org/plugins/w3-total-cache/ don't active this though until the site editing has been completed.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks - I am using W3 Total Cache as well. It's turned on unless I'm doing major site fixes. Thanks for the tip!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

One last idea, to help you speed up the site is to try something like MaxCDN, which loads the images from another source, tied to your cache plugin.  This really speeds up the load time for images and many scripts.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I have a CDN set up as well. Thx!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

It looks good now. I see you've cut the number of slides to 5.  Is the issue continuing?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The slider has always had five slides; The issue is the magazine style of the blog posts pulls the full size image instead of a different image size.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Is there any other function of your site where you use such large images?  If not, then perhaps you could scale the images down in Dashboard > Settings > Media.

 

If so, then perhaps you'll be able to use large versions only in that other function, by specific addition, and apply a smaller image for use as the post thumbnail. 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0