Genug von Paranoia oder warum Sie nicht 100 Punkte in Page Speed ​​glänzen

Yo-yo! Tolles SEO-Zeug. Niemand weiß genau, was zu tun ist, warum die Website nicht ganz oben steht und warum das Online-Geschäft nicht funktioniert. Und auf der Suche nach dem wahren Grund werden Websitebesitzer wie vierzigjährige Tanten, die an all das Zigeunermaterial auf dem Markt glauben. Wenn sie die Tastatur in die Hand nehmen und eine Abfrage in die Suchmaschine eingeben, sehen sie "magische Ratschläge" - "100 Punkte bei der Geschwindigkeit von Google-Seiten und Sie werden glücklich sein." Es ist nichts Falsches daran, Ihre Website zu beschleunigen. Nur fl und alle Arten von Arbeit sind voll von Anfragen wie "Optimieren Sie die Website auf 100 Punkte auf Seitengeschwindigkeit", und die Websitebesitzer selbst verstehen nicht, wie viel diese Optimierung sie tatsächlich kosten kann.

Heute möchte ich sagen, warum es fast unmöglich ist, bei einigen Entscheidungen den geschätzten Wert zu erreichen, oder es wird sehr teuer. Ich werde einige der Tipps zur Seitengeschwindigkeit durchgehen und darüber sprechen.

Verwenden Sie moderne Bildformate

In diesem Tipp heißt es: " JPEG 2000-, JPEG XR- und WebP-Bilder verwenden eine effizientere Komprimierung, sodass sie schneller geladen werden und weniger Datenverkehr verbrauchen als PNG- und JPEG-Bilder. " Dieser Rat ist meiner Meinung nach aus mehreren Gründen am schwierigsten zu erfüllen.

Browserunterstützung für JPEG 2000, JPEG XR und WebP

Zur Überprüfung verwenden wir caniuse , um herauszufinden, wie Browser Formate unterstützen. Auf dieser Seite erfahren wir, dass JPEG 2000 nur von Safari (mit Ausnahme der Windows-Version), JPEG XR für IE, unterstützt wird. WebP wird besser, aber raten Sie mal, wer es nicht unterstützt ?!) Das stimmt! Safari So stellen wir fest, dass es kein universelles Format gibt und wenn Sie sie zu Hause verwenden möchten, müssen Sie mindestens 2 Formate laden. Dies ist mindestens die Zeit, und maximal zahlen Sie den Designer, der Sie zu den Bannern macht.

CMS-Unterstützung

Natürlich ist es kein so großes Problem, einem Designer 500 Rubel zu zahlen, aber der Umgang mit CMS ist keine so einfache Aufgabe. Im Moment konnte ich die Unterstützung auf 3 CMS überprüfen: Wordpress, Bitrix, Joomla. Keiner von ihnen unterstützt sofort eines der aufgelisteten Formate. Es gibt mehrere Plugins in Wordpress, die sagen, dass sie Webp ausführen, aber tatsächlich gibt es kein einziges kostenloses Plugin dafür. Darüber hinaus kann das Webp auch in diesen Fällen nicht in den Hauptteil des Artikels geladen werden. Wenn der Beitrag gespeichert wird, wird der Link zur Datei eines nicht unterstützten Formats gelöscht. In Bitrix gibt es nicht einmal ein solches Modul. Sie müssen sich selbst schreiben, was für WordPress ist, was für Bitrix ist. Dies sind keine einfachen Verbesserungen, die gute Kenntnisse und genügend Zeit erfordern.

Stellen Sie die effektive Bildcodierung ein

Tipp: " Optimierte Bilder werden schneller geladen und verbrauchen weniger mobile Daten ." Dies ist ein sehr guter Rat, aber in Wirklichkeit schwört es immer auf "große" Bilder, auch wenn Sie auf "maskalka" Ihre Bilder in WordPress mit dem Plugin "Winsite Image Optimizer" durchgehen, zu dem es in der Google-Hilfe einen Link gibt (Link zu imageoptim). com ) dann bleibt trotzdem seine Unzufriedenheit.

Was bleibt zu tun? Es ist am besten, die Dateien in der "Photoshop-Phase" in minimaler Qualität zu speichern und dies am besten durch Importieren zu tun, anstatt "Speichern unter". Der Größenunterschied ist enorm.

Beseitigen Sie Ressourcen, die die Anzeige blockieren

Tipp : " Einige Ressourcen verhindern das Laden von Seiteninhalten. Wir empfehlen, dass Sie das Laden der erforderlichen JS / CSS-Ressourcen zunächst konfigurieren und das Laden anderer Ressourcen verschieben. "

Dieser Rat ist äußerst einfach, wenn Sie mit einer selbst geschriebenen Site arbeiten und wissen, "was, wo, wann". Wenn es jedoch um CMS und die Verwendung von Plugins und Modulen geht, ist dies schwierig. In Wordpress hängt beispielsweise alles von den verwendeten Plugins ab. Um dieses Problem zu lösen, müssen Sie den Code der Plug-Ins durchsuchen und dort herausfinden, wie sie ihre Skripte verbinden (und jquery zum Booten). Als nächstes entfernen wir mit wp_deregister_script die Verbindung von Skripten aus dem Plugin und laden sie an der richtigen Stelle, wo immer wir wollen.

Eine andere Möglichkeit besteht darin, die Skripte und / oder Stile in einer Datei zu komprimieren. Diese Methode gibt wirklich viele Punkte zur Seitengeschwindigkeit, kann jedoch das Rendern von Inhalten verlangsamen, und ein Teil von Javascript funktioniert nicht.

Nachdem ich mit dieser Methode experimentiert hatte, stellte ich fest, dass die Seitengeschwindigkeit eine Verschlechterung des Parameters "Ungefähre Verzögerungszeit für die Eingabe" aufweist. Grob gesagt beginnt sich die Site auf Mobilgeräten zu verlangsamen. Und je mehr Sie Dateien komprimieren (in eine Datei zusammenführen / in eine Datei zusammenführen und minimieren), desto schlechter sind diese Parameter. Das heißt, das Smartphone muss sich anstrengen, um es zu lesen und auszuführen.

Reduzieren Sie die Serverantwortzeit

Einfach, wie es mir scheint, Ratschläge, aber es hängt nicht immer vom Webprogrammierer ab. Gehen Sie den Profiler auf Ihrer Site durch und finden Sie den Code, der langsamer wird. Manchmal kommt es vor, dass derselbe Code in derselben Datei mehrmals aufgerufen wird. Schreiben Sie das Ergebnis der Ausführung in eine Variable und verwenden Sie es gegebenenfalls. Verwenden Sie Caching. Ich versuche memched zu verwenden, dafür bezahle ich meinem Hoster je nach Projekt 30 bis 120 Rubel pro Monat. Ich denke, das wird dir helfen.

Verschieben Sie das Laden versteckter Bilder

Testempfehlung " Um die Zeit vor Beginn der Interaktion zu verkürzen, empfehlen wir, das Prinzip des verzögerten Ladens für versteckte Bilder zu verwenden, nachdem alle wichtigen Ressourcen geladen wurden ."

Ich denke, dass dies recht einfach ist und es im Internet viele Beispiele dafür gibt. Zum Beispiel gibt es einen guten Artikel über CSS-Tricks . Damit sein Code funktioniert, müssen Sie hauptsächlich die Attribute des Bildes ändern. Es ist ziemlich einfach. Lazy Load ist gut, aber +1 Javascript-Datei.

Am Anfang des Artikels sprach ich über ziemlich widersprüchliche Ratschläge, und am Ende wandte ich mich effektiven zu. Ja, natürlich ist die Codeoptimierung gut, aber Websitebesitzer denken über Gewinn nach und dass diese Conversions zu einem höheren Gewinn durch SEO führen.

Sie müssen verstehen, dass die Optimierung des Website-Codes nur der erste Schritt in der Werbung ist und die Suchmaschinenwerbung selbst nur für Websites wirksam ist, auf denen eine starke Nachfrage nach dem Produkt besteht.

PS

Seien Sie nicht paranoid, wissen Sie, dass es eine ausgeprägte Nachfrage nach Website-Werbung für SEO geben muss, befriedigen Sie die Bedürfnisse Ihrer Kunden und dann wird Ihre Website ganz oben stehen.