Twenty Fourteen – Slow Loading Header Slider Image

  • I’ve adopted the twenty fourteen theme and really like it.

    One issue that I cant figure out is the slow loading header image in the slider option… The page loads showing the text underneath the image first (for about 1 or 2 seconds) and then the image drops in on top (pushing the text down and out of sight).

    Can anyone provide any insight into this or direct me to a resource that might help be figure out the cause of the delay on the home page slider image? (since problem added wp super cache without change)

    The website can be found at: LongPondClassic.com

    Thank you any guidance possible. jimii
    (One thing i do wonder about is that i put in a modified ‘page of posts’ template for ‘news’ allowing the page to function as a page with posts? not sure if the coding i did would impact this?)

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter jimii

    (@jimii)

    As added Information but not wanting to be overly wordy:

    Found a couple of posts with ref. to a possible flaw that delays the loading of the featured image when in slider mode.

    – I tried changing the featured ‘tag’ from featured to something else (highlight) as that was suggested in one post – without any change in result. (no change)

    – I’ve optimized the images as much as one reasonably can for images of that dimension (no change)

    – I’ve reduced the images that were “featured” to just one
    (no change so returned to 4)
    – I’ve edited the code in the jsfunctions.js file changing what was referenced in line 120
    from this (actually found on line 112): _window.load( function() {
    to this: $(document).ready( function() {
    (Without success in my theme’s general child folder so I’ve removed the code edit)

    I’d be grateful if anyone can guide me on how to solve the apparent issue with the twenty fourteen theme that slow-loads the home page featured images in slideshow view. thank you. jimii

    Thread Starter jimii

    (@jimii)

    it seems the issue is related to the child theme i have in place.

    When using the parent / main theme the image loads smoothly and quickly. When using the child theme (stripped of any code or any other files – header, footer, function), it is slow / delayed by about 3 seconds.

    I’ve removed the @ import and setup the – wp enqueue – in functions php as below: 

    <?php
add_action( 'wp_enqueue_scripts', 'my_twenty_fourteen_child_scripts' );
function my_twenty_fourteen_child_scripts() {
    wp_enqueue_style( 'parent-theme-css', get_template_directory_uri() . '/style.css' );
}

    Despite this I am still experiencing the delay – is there an alternative method to more quickly see the featured image on the home page load in the child theme of twenty fourteen? have i posted in the wrong section?
    Thank you to anyone that can point me in the right direction on this…

    There was a post that showed how to fix this editing the functions.js file, but it wasn’t accurate for my twentyfourteen functions.js file.

    https://www.ads-software.com/support/topic/slider-loading-kinda-slow-caching-slider?replies=7

    The post says to go to line 120 and that line isn’t what is listed there in my functions.js file for the twentyfourteen theme.

    If anyone can help, I would sure appreciated it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty Fourteen – Slow Loading Header Slider Image’ is closed to new replies.