5 komentářů k článku PageSpeed Insights: Podrobný průvodce nástrojem pro měření rychlosti:

  1. daks

    PageSpeed Insights doporučuje jako jednu z metod optimalizace stránek minifikaci html. V souvislosti s tím jsem narazil na to, že u elementů, které mají nastavený styl display: inline-block, záleží na tom, jak jsou v kódu zapsané:

    <li>menu item1</li>
    <li>menu item2</li>
    

    bude mít na stránce mezi položkami vloženou mezeru, zatímco:

    <li>menu item1</li><li>menu item2</li>
    

    mezeru nebude mít. A protože minifikace nacpe elementy do jednoho řádku, zajímalo by mě, jak správně zapsat html, aby zobrazení elementů ve výsledném dokumentu nebylo minifikací ovlivněno.

    1. ic

      Re: minifikace
      Já se většinou už snažím s minifikovaným kódem dopředu počítat a tedy, že ta mezera tam nebude… pokud ji skutečně chci, tak vkládám nedělitenou mezeru a případně odsazení skrz css.

        1. Martin MichálekAutor příspěvku

          Re: minifikace
          Ještě to vezmu z druhé strany: Pokud jde o layout, neměl by tam být inline-block, ale flexbox nebo CSS grid. Pak není mezery potřeba řešit.

Napsat komentář

Zdroj: https://www.zdrojak.cz/?p=22035