Booking calender stops working, css issue

  • Resolved Michieljf

    (@michieljf)


    7 years, 9 months ago

    Hi Frank,

    Thanks to Autoptimize several “above the fold” issues were solved, really great! Google Speed Score is better. I made use of the instruction in https://www.youtube.com/watch?v=k56E_7SFQoE by WPFaster. However, I now have two problems, mentioned at the end of the video, but I have not found a sollution. My website is Vakantiehuis Brummel.

    Problem 1: on several pages (not the home page) there is a stylistic problem. CSS flashes after a hard return.

    Problem 2: crucial for the website is the possibility for visitors to make reservations for our holiday home, for which I use the Plugin Booking Calender. After installation of Autoptimize, the calender has disappeared, so no reservations are possible.

    I would highly appreciate your suggestions how to solve these problems!
    Thanks, Michiel

    • This topic was modified 7 years, 9 months ago by Michieljf.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Michieljf

    (@michieljf)

    As a follow-up: I found out that the Calender problem is a js problem.
    And a sollution is to put JavaScript in the <head>. However, then my score in Page Speed Insights drops back to the old levels….
    The Try-catch option does not help.
    Is this a zero-sum game, or is it possible to simultanously have Booking Calender working while achieving the higer PSI scores

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    for (problem 1); you’ll have to amend the critical CSS manually to also be correct for those other pages

    for (problem 2); try excluding the calender JS from JS optimization (cfr. info in AO’s FAQ).

    Thread Starter Michieljf

    (@michieljf)

    Hi Frank,

    Thanks for your quick replay. As far as the JS problem: i tried your sollution (excluding the calander js files), but the problem remained. However, it seems that I have been able to tackle the problem bij using Autoptimize for CSS, and W3TC for JS (before I only used W3TC). All CSS and JS problems in Google Speed Insights are solved in that way. Yes..

    The remaining challenge is to avoid the flashing pages other than the front page. You suggest tot amend the critical CSS manually for the other pages. Can you give me a clue or reference for how to do this? I came across the plugin Per Page Add to Head, would you recommend it? Or is there a way to avoid addition of another plugin (without having to adjust codes myself)?

    Thanks again, michiel

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    I came across the plugin Per Page Add to Head, would you recommend it?

    never used it, but i’ve heard other people have indeed used it for that purpose.

    Or is there a way to avoid addition of another plugin (without having to adjust codes myself)?

    well, there’s an “autoptimize powerup” at https://criticalcss.com which hooks into autoptimize (hence “powerup”) and which allows you to create rules by which different critical css can be injected, but this is not a free plugin.

    Thread Starter Michieljf

    (@michieljf)

    Thanks for your quick response!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Booking calender stops working, css issue’ is closed to new replies.