By nitrospectide on

I am using AdvAgg on my Drupal 8-based blog, and I see a flash of unstyled content when I go to a page after clearing my browser cache. Does anyone have recommendations on what to tweak?

https://retrogamestart.com/answers/replace-c64-power-supply-voltage-failure-will-kill-your-c64

⋅ Categories: Drupal 8.x

Comments

alejo-moreno’s picture

alejo-moreno commented

@nitrospectide I see your page is loading fine now, you have any advice on what to do? What options did you set on AdvAgg?

drupaldope’s picture

drupaldope commented

seconded

nitrospectide’s picture

nitrospectide commented

I have the following set:

Configuration
  GLOBAL OPTIONS
    Use DNS Prefetch for external CSS/JS. (enabled)
    Include Cache-Control: immutable in generated .htaccess files. (enabled)
    AdvAgg Cache Settings: High

  COMPRESSION OPTIONS
    Gzip CSS assets (enabled)
    Gzip JavaScript assets (enabled)
    Brotli compress CSS assets (enabled)
    Brotli compress JavaScript assets (enabled)

  CSS OPTIONS
    Combine CSS files by using media queries (enabled)
    Fix improperly set type (enabled)

  JS OPTIONS
    Fix improperly set type (enabled)

  CRON OPTIONS
    1 Day
    1 Month

  OBSCURE OPTIONS
    Convert absolute paths to be protocol relative paths. (enabled)

Operations
  AGGREGATION BYPASS COOKIE
    Bypass length: 6 hours

Bundler
  Bundler is Active (enabled)

  CSS BUNDLING OPTIONS
    Target Number Of CSS Bundles Per Page: 1
    Grouping logic: File count

  JAVASCRIPT BUNDLING OPTIONS
    Target Number Of JS Bundles Per Page: 1
    Grouping logic: File count

CSS Minification
  Minification: Select a minifier: YUI Compressor

JavaScript Minification
  Minification: Select a minifier: JSMin+ ~1300ms

Modifications
  JS
    Enable preprocess on all JS (enabled)

    OPTIMIZE JAVASCRIPT ORDERING
      Move all external scripts to the top of the execution order (enabled)
      Move all browser conditional JavaScript to the bottom of the group (enabled)

    ADJUST JAVASCRIPT LOCATION AND EXECUTION
      Deferred JavaScript Execution: Add The defer Tag To All Script Tags: Disabled

  CSS
    Enable preprocess on all CSS (enabled)

    ADJUST CSS LOCATION AND EXECUTION (EXPERIMENTAL)
      Deferred CSS Execution: Use JS to load CSS: Disabled
 

drupaldope’s picture

drupaldope commented

thanks for the information!

I get my best results with the following settings (I highlight settings that differ from yours)

I was surprised that disabling many settings, actually improved my scores.

Configuration
  GLOBAL OPTIONS
    Use DNS Prefetch for external CSS/JS. (enabled)
    Include Cache-Control: immutable in generated .htaccess files.
(enabled)
    AdvAgg Cache Settings: NORMAL

  COMPRESSION OPTIONS
    Gzip CSS assets (enabled)
    Gzip JavaScript assets (enabled)
    Brotli compress CSS assets (enabled)
    Brotli compress JavaScript assets (enabled)

  CSS OPTIONS
    Combine CSS files by using media queries (enabled)
    Fix improperly set type (enabled)

  JS OPTIONS
    Fix improperly set type (enabled)

  CRON OPTIONS
    1 Day
    1 Month

  OBSCURE OPTIONS
    Convert absolute paths to be protocol relative paths. (enabled)

Operations
  AGGREGATION BYPASS COOKIE
    Bypass length: 6 hours

Bundler
  Bundler is DISABLED

 

CSS Minification
  Minification: Select a minifier: YUI Compressor

JavaScript Minification
  Minification: Select a minifier: JSqueeze ~600ms

Modifications
  JS
    Enable preprocess on all JS DISABLED

    OPTIMIZE JAVASCRIPT ORDERING
      Move all external scripts to the top of the execution order
(enabled)
      Move all browser conditional JavaScript to the bottom of the group
(enabled)

    ADJUST JAVASCRIPT LOCATION AND EXECUTION
      Deferred JavaScript Execution: Add The defer Tag To All Script Tags:
Disabled

  CSS
    Enable preprocess on all CSS DISABLED

    ADJUST CSS LOCATION AND EXECUTION (EXPERIMENTAL)
      Deferred CSS Execution: Use JS to load CSS: Disabled