So erstelle ich schnellere Themen

Leistung ist eines der wichtigsten Dinge, die mir bei der Erstellung von Themen bei Aspire Themes am Herzen liegen. Kürzlich erhielt ich eine Anfrage per E-Mail, wie ich mit Google Page Speed ​​einen so tollen Leistungsrekord erzielen konnte, dass dieser Rekord bei einigen von mir erstellten Themen 100% betragen konnte, z. B. Aspire for Jekyll, Aspire Themes-Website, Dahab for Ghost.

E-Mail Nachricht

Es gibt einige Dinge, die ich tue, um eine gute Punktzahl zu erzielen. Ich antwortete auf die E-Mail und fand, dass es großartig wäre, sie mit der Community zu teilen.

  1. Ich verwende nie CSS-Frameworks (Bootstrap,…), die für die Leistung und das Codieren einer benutzerdefinierten Arbeit sehr schlecht sind, zu viel Code, der im Gegenzug das Laden von Seiten verlangsamt.
  2. Stattdessen erstelle ich den Code des Themas mit Sass, ITCSS, von Grund auf neu. Dadurch wird qualitativ hochwertiger, schnellerer und kleiner benutzerdefinierter Code erstellt.
  3. Ich verwende Automatisierungstools wie Gulp, um das endgültige CSS und JS in nur einer Datei zu minimieren, und im Fall von Ghost und Jekyll wird das CSS in den Header eingefügt, wodurch sich die Leistung möglicherweise um 10 bis 20% erhöht.
  4. Für die Themen-Demos verwende ich die verfügbaren Tools, die jeder verwenden kann, z. B. DigitalOcean für WP und Ghost, und ich verwende Netlify für Jekyll und alle mit den Standard-Hosting-Einstellungen. Aspire Themes wurde ebenfalls mit Jekyll erstellt und auf Netlify gehostet. Die Punktzahl beträgt 99 und es ist Open Source.
  5. Eine weitere wichtige Sache ist, dass ich die Demobilder optimiere und ich erwarte, dass jeder dies tun sollte, aber das Hochladen großer Bilder würde die Sache definitiv verschlimmern, selbst wenn das Thema 100% ist und Google sich über die Bildoptimierung beschweren würde, da sie eine große Rolle für das Thema spielen allgemeine Punktzahl und außerhalb des thematischen Tätigkeitsbereichs betrachtet. Also gebe ich mein Bestes von der Themenseite und dann würde der Websitebesitzer auch sein Bestes geben.

Also optimiere ich den Code sehr sehr, optimiere die Bilder, hoste an einem guten Ort.

Der Fall für WordPress ist zum Beispiel, dass Code geladen wird, der die Punktzahl verringert, aber wenn Sie die Option Fett für Ghost aktiviert haben, erhalten Sie eine Punktzahl von 91/97. Jedes Mal, wenn Sie ein neues Plugin für WP installieren, sinkt die Leistung, da mehr Ressourcen geladen werden, die außerhalb des Themenbereichs liegen.

Mit den optimierten Themen und je mehr Sie Ihre Bilder optimieren, desto einfacher können Sie die gleiche Punktzahl erzielen.