Päringute arvu ja mahu piiramine - jaagupku/spicy-memes GitHub Wiki

Näitajad

Kasutasin https://tools.pingdom.com /new lehel (ilma HTTPS-ita), kus on 3 pilti ja 2 videot.

Näitaja Enne Pärast
Alla laetavate elementide arv 69 18
PageSpeedi indeks 58/72 (mobile/desktop) 83/94
Pingdom performance grade 80 - 82 96
Lehe esitamiseks kulunud aeg 2.1s += 0.2 0.42s +- 0.2
Lehe andme maht 1.25 MB 378.9 kB

Alla laetud elemendid

Enne Pärast

Lahendused, mida soovitati kasutada lehe optimeerimiseks või mille kasutamist kaaluti optimeerimise käigus

  • Eliminate render-blocking JavaScript and CSS in above-the-fold content
  • Enable compression (Compress components with gzip)
  • Leverage browser caching (Add Expires headers)
  • Minify HTML
  • Minify CSS (Minify JavaScript and CSS)
  • Minify JavaScript (Minify JavaScript and CSS)
  • Make fewer HTTP requests

Lahendus võeti kasutusele või mitte

  • Eliminate render-blocking JavaScript and CSS in above-the-fold content (Ei võetud kasutusele, kuna kohu lehe välimus sõltub bootstrapist ja selle hilisem laadimine muudaks tunduvalt lehe kujundust)
  • Enable compression link (lehe admete maht 1.11 MB* (enne 1.25MB)
  • Leverage browser caching link (32 faili loeti kõvakettalt teist korda lehte laadides)
  • Minify HTML link ("new" faili suurus nüüd 12.5 kB (enne 15.3 kB))
  • Minify CSS link (lehe suurus 0.8 kB väiksem**)
  • Minify JavaScript link (lehe suurus 0.8 kB väiksem**)
  • Make fewer HTTP requests (link ja link), link (alla laetavate elementide arv 18 (enne 69))

* kaasa arvatud minify HTML ** nii js kui ka css on minimiseeritud