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ář

Tato diskuse je již příliš stará, pravděpodobně již vám nikdo neodpoví. Pokud se chcete na něco zeptat, použijte diskusní server Devel.cz

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