Wie Web-Assets Browser-Cache-Effizienz zu messen

Question

Do (Smart Jungs :) haben eine Ahnung, was ist der beste Weg, Cache-Effizienz von Assets zu messen, die auf der Website (js, css, Schriftarten usw.) verwendet werden.

Wie sollte ich entscheiden, ob es für meine Website besser ist, zB alle meine JS-Dateien in eine Datei zu packen oder zwischen kleineren Dateien zu trennen?

Viele Websites machen es mit einer, zwei, drei großen Dateien, aber zum Beispiel Facebook hat viele, viele kleine Dateien. Es ist klar, dass Facebook viele wiederkehrende Besucher hat, daher ist diese Strategie besser. Aber wie misst man es?

Ich weiß, ich kann für GA und Rückkehr/neue Besucher Verhältnis überprüfen, aber es ist nicht sehr tief überprüfen. Danach weiß ich immer noch nicht, welche Benutzer bei der Eingabe meiner Website einige meiner Assets im Cache & hatten, was nicht der Fall war.

Answer 1

Mein Vorschlag wäre, einen A/B-Test zu machen. Implementieren Sie mehrere Lösungen, messen Sie die Auswirkungen auf die Ladegeschwindigkeit Ihrer Benutzer, schauen Sie sich 99 oder 98 Prozent an und Sie werden sehen, welche besser funktioniert.

Blick auf wiederkehrende/neue Besucher Daten ist gut Ansatz, aber nicht zuverlässig, falls Sie nicht so viele Benutzer haben.

Facebook verwendet viele Dateien, weil sie auch http 2.0 (SPDY) verwenden. Es löst viele Probleme mit der Bereitstellung von mehreren Ressourcen, zum Beispiel dieses Protokoll ermöglicht es Ihnen, http-Header, nicht nur Körper als gute alte http 1.1.

Look at other benefits of http 2.0