Improve Performance

  • Resolved miketica

    (@miketica)


    5 years, 5 months ago

    Hi,

    Report number: TZWZAPBY
    Report date: 06/16/2019 12:57:29
    I am using the Litespeed Cache Plugin on a VPS with the Litespeed Web Server.

    I am trying to figure out how to improve performance and solve a couple of issues that I have been working on for a while:

    1. I am using Litespeed with Cloudflare. Cloudflare seems to make a big impact to performance, but it is still far from where it should be, I am not sure if the pages are getting cached correctly.
    2. Speed tests are not constant, meaning they might show a 2-3 second difference or more when testing from the same location
    3. I have optimized the images, but only the logo is being served as webp
    4. admin-ajax shows a high load time (caused by the Thrive Leads plugin). When I use lazy loading, the issue gets even worse. I have contacted the Thrive Leads team, but I am wondering if you have any suggestions
    5. I have disabled Google Fonts; I am also using a plugin to host fonts locally. However, there are still requests being made to fonts.gstatic.com
    6. Enabling instant click breaks the page layout. Some images are not loaded (maybe because of lazy loading) and the layout is broken on some pages (maybe because of critical CSS)
    7. First visit on pages other than the homepage get a x-litespeed-cache: miss header, although I have enabled and run the Litespeed Crawler

    https://gtmetrix.com/reports/progressivetree.com/NsxMEoSl
    Thanks,
    Mike

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter miketica

    (@miketica)

    https://gtmetrix.com/reports/progressivetree.com/2LmlRTR1 – huge TTFB
    https://gtmetrix.com/reports/progressivetree.com/K1kxsSx3 – slow admin-ajax

    These 2 tests are meant to show how speed tests are not constant (these 2 particular tests above were made with a simulated LTE connection)

    @miketica

    Hi There, From my experience the heavy part of performances issue in WP is JS, CSS and images. Need to minify , bundle and remove from header. The other slowdown issue is the numbers of requests from server. even if its small images , the time to request X http from server can slow down the page dramatically.

    The download speed on pingdom should be less than 1 min on a good VPS server. Your site have 1:30 sec which is not bad , but you have 99 requests which is too much this should go down to 30 -40 requests as max.
    https://tools.pingdom.com/#5ad9221b20000000

    On google you can find more issues with static images for cache that can be help a lot
    https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fprogressivetree.com%2F&tab=mobile

    Start with your mobile responsive and that will effect the desktop as well.

    If you need my help , please let me know
    Tomer

    Thread Starter miketica

    (@miketica)

    Hey @tomersidi ,

    Thank you for your help, but it only points out the issues I already knew were there.

    I still need help solving the specific issues I pointed out in my request:

    1. are the pages cached correctly?
    2. why the images are not served in webp format
    3. why are there requests still being made to Google for Google Fonts after disabling them
    4. why instant click breaks the page layout/lazy load function
    5. why the first visit on pages other than the homepage get a x-litespeed-cache: miss header, although I have enabled and run the Litespeed Crawler
    6. why Critical CSS is not generated correctly (for example the menu on the homepage is loaded as a mobile menu while on other pages it is loaded as a desktop menu. I have separated CCSS post types and listed each URI separately (because the pages do not follow the same template).

    Thank you.

    Thread Starter miketica

    (@miketica)

    Oh, and
    7. Purge All/Empty Entire Cache does not work, stale content is still being served. To ensure freshness, I have to go to Database Optimizer and Manually Clean the JS/CSS. Not sure if some of the cache issues aren’t caused by the theme’s and builder’s (Beaver Builder) own cache system

    Thread Starter miketica

    (@miketica)

    I’ll approach these issues one by one.

    So far, imagick was missing from the server, not sure if that influenced anything. Installing it did not help, reinstalling Litespeed shows it as enabled now.
    Google Fonts are still being loaded by the Thrive Leads plugin, initiated by JQuery

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Improve Performance’ is closed to new replies.