Make TOC js independent

  • Rookie

    (@alriksson)


    4 years, 1 month ago

    Would it be possible to preload all Table of Content instead of using JS on each page load to gather and create the TOC?

    Making so we would improve performance but still have a great TOC.
    Use php to render and create the TOC tree?

Viewing 15 replies - 1 through 15 (of 15 total)
  • Plugin Author LuckyWP

    (@theluckywp)

    4 years, 1 month ago

    Hello!
    JS use only for toggle Show/Hide and smooth scroll.
    If you don’t use this features you can disable JS:
    add_filter('lwptoc_enqueue_script', '__return_false');

    Thread Starter Rookie

    (@alriksson)

    4 years, 1 month ago

    Okay, thanks! No I do not use.

    Okay, but what do you use for off-set when using sticky/fixed header?

    @theluckywp Please check this ticket as I can not use the plugin now anyhow: https://wordpress.org/support/topic/follow-up-on-oxygen-support/

    Plugin Author LuckyWP

    (@theluckywp)

    4 years, 1 month ago

    Okay, but what do you use for off-set when using sticky/fixed header?/blockquote>

    For offset need JS.

    Thread Starter Rookie

    (@alriksson)

    4 years, 1 month ago

    Ok so if I disable the js I will also remove the function for off-set? is there not a css solution for this? Smooth scrolling has css solution no js needed.

    Plugin Author LuckyWP

    (@theluckywp)

    4 years, 1 month ago

    Now for offset need JS. Maybe in future we make possibility use this without JS.

    Thread Starter Rookie

    (@alriksson)

    4 years, 1 month ago

    Okay, would prefer no-js as it hit the performance on mobile network and devices. JS requires much more computing power than CSS.

    Also off-set is not always correct how can I alter this?

    Plugin Author LuckyWP

    (@theluckywp)

    4 years, 1 month ago

    You can change scroll offset in settings: https://ps.w.org/luckywp-table-of-contents/assets/screenshot-7.png?rev=2122587 (option “Scroll Offset Top”).

    Thread Starter Rookie

    (@alriksson)

    4 years, 1 month ago

    Cheers, if I disable Toggle Show/Hide does it remove this code from the js file? Seems like it doesn’t. Maybe load separated js files one with all options enabled. Once offset or toggle is disabled, unload and load a more targeted and optimized file for what the users use.

    The same goes for css file with UL, OL DIV and Toggle. Do not print everything in the same file. Print based on options.

    • This reply was modified 4 years, 1 month ago by Rookie.
    Plugin Author LuckyWP

    (@theluckywp)

    4 years, 1 month ago

    If you don’t use this features you can disable JS:
    add_filter('lwptoc_enqueue_script', '__return_false');

    • This reply was modified 4 years, 1 month ago by LuckyWP.
    Thread Starter Rookie

    (@alriksson)

    4 years, 1 month ago

    I need to use off-set that’s the issue. The rest I would like to be removed 😀

    Plugin Author LuckyWP

    (@theluckywp)

    4 years, 1 month ago

    You will save very, very small bytes.

    Thread Starter Rookie

    (@alriksson)

    4 years, 1 month ago

    hmm, js is heavy so still, 0.5kb js is not equivalent to 0.5kb css.

    Plugin Author LuckyWP

    (@theluckywp)

    4 years, 1 month ago

    0,5kb = 0.5kb

    Thread Starter Rookie

    (@alriksson)

    4 years, 1 month ago

    Yes but 0.5kb js is much heavier to render than 0.5kb css. But you don’t have to listen to my feedback.

    Plugin Author LuckyWP

    (@theluckywp)

    4 years, 1 month ago

    Yes but 0.5kb js is much heavier to render than 0.5kb css. But you don’t have to listen to my feedback.

    Not always.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Make TOC js independent’ is closed to new replies.