Optimizing javascript makes pictures blurry

  • Resolved koleto1

    (@koleto1)


    6 years, 8 months ago

    Hello,
    when I try to optimize my Javascript I encounter the following issue: my pictures on my slideshow on my homepage remain blurry forever. When the js scripts are not optimized the images do load in high quality after the page is fully loaded. Right now the js optimization is not enabled and loading time is high. Otherwise loading time is reduced dramatically, but images remain blurry which is not beneficial for me. Any ideas how could I optimize my js but images do not become blurry? (I get no errors in the console)
    Any help will be highly appreciated 🙂

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    6 years, 8 months ago

    Well, try:
    1. adding themes/uncode/library/js/ to the comma-separated JS optimization exclusion list and see if it works
    2. and if that doesn’t work try unticking aggregate JS and see if it works

    hope this helps,
    frank

    Thread Starter koleto1

    (@koleto1)

    6 years, 8 months ago

    When I add this to the comma-separated JS optimization exclusion and the aggregate JS is ticked, loading time is reduced greatly because it makes fewer HTTP requests and the pictures do load properly, however, I get a couple of JS errors in the console and lose the arrows which change the pictures, the dots and the slideshow breaks down. When aggregate JS is unticked it works fine but loading time is way worse. Here the JS errors, any clues whether it is possible to make further optimization? Right now the not-working version is online, so that you are able to see the JS errors.
    Thank you 🙂

    autoptimize_single_1ea822c0e7e4ea554f3f46fa00684682.php?ver=1061673030:26 Uncaught TypeError: Cannot read property ‘classList’ of undefined
    at Object.hasClass (autoptimize_single_1ea822c0e7e4ea554f3f46fa00684682.php?ver=1061673030:26)
    at setRowHeight (autoptimize_single_1ea822c0e7e4ea554f3f46fa00684682.php?ver=1061673030:111)
    at autoptimize_single_1ea822c0e7e4ea554f3f46fa00684682.php?ver=1061673030:186
    autoptimize_single_4e22e663fde466ae66542c74b2a93fee.php?ver=1061673030:32 Uncaught ReferenceError: jQuery is not defined
    at autoptimize_single_4e22e663fde466ae66542c74b2a93fee.php?ver=1061673030:32
    autoptimize_single_c83cd3655cb89a932d1c32888b486efe.php?ver=1061673030:301 Uncaught ReferenceError: jQuery is not defined
    at autoptimize_single_c83cd3655cb89a932d1c32888b486efe.php?ver=1061673030:301
    (index):1 Unchecked runtime.lastError: The message port closed before a response was received.
    autoptimize_single_1ea822c0e7e4ea554f3f46fa00684682.php?ver=1061673030:186 Uncaught ReferenceError: Waypoint is not defined
    at autoptimize_single_1ea822c0e7e4ea554f3f46fa00684682.php?ver=1061673030:186

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    6 years, 8 months ago

    let’s start with Uncaught ReferenceError: jQuery is not defined; can you add js/jquery/jquery.js to the JS optimization exclusion list as well?

    Thread Starter koleto1

    (@koleto1)

    6 years, 8 months ago

    That actually fixed all the errors! Thank you!

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    6 years, 8 months ago

    you’re welcome, feel free to leave a review of the plugin and support here! 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Optimizing javascript makes pictures blurry’ is closed to new replies.