Extreme slow page rendering

Home Forums WordPress Themes Extreme slow page rendering

This topic contains 10 replies, has 2 voices, and was last updated by  Nic 1 week, 6 days ago.

Website URL: http://kaminfontan.pr-up.ru/
Theme: Grand - Responsive Furniture WooCommerce WordPress Theme
Purchase Code: Supplied
Support date: 2018-04-24153 days

  • Author
    Posts
  • #34122

    vlad
    Participant

    Hello. Successfully installed your theme, but page loads very slow.

    1. Less compiler is disabled
    2. W3 Total Cache for pages is enabled
    3. Also tried to turn on Autoptimize to combine css and js, scripts loads faster, but the page renders very slow.

    Server performance is ok, phpinfo can be found here – http://kaminfontan.pr-up.ru/test.php

    Seems like page content loads in ok time and after that its starts rendering – https://gyazo.com/ccdfb996ba545eedd06c9d4ae2a32fe9 – which may take up to 10-20 seconds. I tried to analyze it with perfomance developer tools – https://gyazo.com/8bc32786ade61c780fb90b47b7a4383e. Much time takes webfont.js to render and some other functions from theme.js which executes for very long time and forces to reflow. Can it be somehow optimized and made page load faster?

  • #34152

    Nic
    Keymaster

    Hi,
    I just checked your website
    In W3 total cache, you can minimize css and js file, cache images, This will decrease load time
    Thanks

  • #34156

    vlad
    Participant

    As i wrote before, i used Autoptimize for css and js minify, i used before w3 total cache, same result, it reduces the page load time, but this is not a problem, problem is in javascript, after page loads, it starts to render (lightboxes, sliders etc.) and it takes up to 10 seconds for page to fully render and be ready, you can clearly see it yourself or check in console. Is it how it suppose to work?

  • #34164

    Nic
    Keymaster

    There are many images that also affect to loading time.
    You can reduce the image on the page

  • #34189

    vlad
    Participant

    Image size is 500kb, i reduced it to minimum, it loads fast, but after it all fully loaded, all css, all scripts, all images, page still renders very slow, cuz of webfont.js and theme.js. Im trying to understand is it how it suppose to work? U can check it all by urself and see how much it takes to page to render after it all beeing fully loaded, you can check it visually and use developer tools in browser.

  • #34232

    vlad
    Participant

    Is there any clarification on the issue?

  • #34233

    Nic
    Keymaster

    Hi,
    There are 6 sliders in your website
    The slider in website is the cause of this issue,
    You can remove slide in home page for decrease load time

  • #34235

    vlad
    Participant

    But all this sliders was built in your template. Is it how it supposed to work in the beggining? Are you seeing this issue on your demo preview?

  • #34265

    Nic
    Keymaster

    Load time depends on many factors such as server, hosting, domain, traffic, internet, location …
    Not all servers are the same.
    Maybe I see our demo is fast, but you can see it slow. It depends on very many factors.

  • #34289

    vlad
    Participant

    Once again, im talking not about loading time, but rendering time – time it takes javascript to run and render page in the final form, i posted screenshots in the initial post. It takes up to 10 seconds after the page and images was loaded, can i reduce it somehow? Can i turn of webfont.js or do some optimization to theme.js?

  • #34293

    Nic
    Keymaster

    I see all load time(render time) is about 16s and page size is 1.8M http://prntscr.com/h866yr
    And time for load product from server to browser is about 12s
    You can check in develop tool

You must be logged in to reply to this topic.

Browser our premium, beautiful WooCommerce WordPress themes for your online store