• Resolved jaswinder657

    (@jaswinder657)


    Hi

    Hope you are good.

    My problem is, I have a gallery to show with 100+ images, but when the client opens the page, Envira gallery keeps on loading and do not show images, until all images loads up. So my client usually leaves the page as it shows them blank.

    Can there be options, like whichever images get loaded, they start displaying. Or there is some Loading gif. which keep informed visitors that gallery is still loading, so they can wait.

    Hope I make my point clear.

    Let me know, if you can help in any way. I do not want to change this lovely plugin.

    Regards,
    Jaswinder

    https://www.ads-software.com/plugins/envira-gallery-lite/

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

    (@jaswinder657)

    Here is my Gallery page link – https://www.webiworld.com/artist/galerie/

    My above question will be more clear with this link.

    Hi ??

    I ran your site through gtmetrix.com and it’s not a horrible rating, but there are some things you could do to boost your speed.

    1. You can place something like this in your htaccess file to cache your images

    ## BEGIN Disable ETags ##
    Header unset ETag
    FileETag None
    ## END Disable ETags
    
    ## BEGIN GZIP Compression ##
    <ifModule mod_gzip.c>
    mod_gzip_on Yes
    mod_gzip_dechunk Yes
    mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
    mod_gzip_item_include handler ^cgi-script$
    mod_gzip_item_include mime ^text/.*
    mod_gzip_item_include mime ^application/x-javascript.*
    mod_gzip_item_exclude mime ^image/.*
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
    </ifModule>
    AddOutputFilterByType DEFLATE text/plain
    AddOutputFilterByType DEFLATE text/html
    AddOutputFilterByType DEFLATE text/xml
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE application/xml
    AddOutputFilterByType DEFLATE application/xhtml+xml
    AddOutputFilterByType DEFLATE application/rss+xml
    AddOutputFilterByType DEFLATE application/javascript
    AddOutputFilterByType DEFLATE application/x-javascript
    ## END GZIP Compression ##
    
    ## EXPIRES CACHING ##
    <IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/jpg "access 1 year"
    ExpiresByType image/jpeg "access 1 year"
    ExpiresByType image/gif "access 1 year"
    ExpiresByType image/png "access 1 year"
    ExpiresByType text/css "access 1 month"
    ExpiresByType application/pdf "access 1 month"
    ExpiresByType text/x-javascript "access 1 month"
    ExpiresByType application/x-shockwave-flash "access 1 month"
    ExpiresByType image/x-icon "access 1 year"
    ExpiresDefault "access 7 days"
    </IfModule>
    ## EXPIRES CACHING ##

    2. You can try setting all JavaScript to defer by adding the following to your theme’s functions.php file

    //* Defer parsing of JavaScripts
    function defer_parsing_of_js ( $url ) {
    	if ( FALSE === strpos( $url, '.js' ) ) return $url;
    	if ( strpos( $url, 'jquery.js' ) ) return $url;
    	return "$url' defer ";
    }
    add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );

    Please note that defering all JavaScript may interfere with some plugins, and you’ll want to test thoroughly your site’s front-end appearance after including. If it breaks a plugin just remove from your functions.php file.

    You can remove query strings from JS and CSS files by adding the following to your theme’s functions.php file: https://gist.github.com/ericakfranz/a7f172fd63aaf01ede4c

    Minifying the CSS for the site is recommended. Plugins like BWP Minify or Autoptimize are an easy way to implement this. If you choose to enable JavaScript minify, be sure to thoroughly check the functionality of your site as this can break JavaScript dependent plugins. If this breaks a plugin you can simply disable the JavaScript magnification.

    You can use image optimizer plugins such as one of the following:

    https://www.ads-software.com/plugins/ewww-image-optimizer/
    https://www.ads-software.com/plugins/tiny-compress-images/
    https://www.ads-software.com/plugins/wp-smushit/

    Once you’ve made those changes, you could run your site through gtmetrix.com and retest your speed.

    I hope that helps, thanks!

    Thread Starter jaswinder657

    (@jaswinder657)

    Hi ??
    Thanks for such useful info.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Not Show anything while loading’ is closed to new replies.