Dank der Anregungen und Ratschläge von David Salerno Ich habe versucht, die Belastung der undolog.com, Aktivitäten, die aus Gründen der "Zeit", habe ich immer abschrecken zu optimieren haben. In der Tat war ich nicht in der Lage, all die wertvollen Tipps von David gelten, aber ich schaffte es ein nettes "clean up" zu geben und zu reduzieren Ladezeiten sowieso!
Reduzierung von Widgets und Badget antipixel
Das erste, was ich tat, war, um die Belastung durch die verschiedenen Widgets in den Blog gestellt zu minimieren:
- Ich ließ die Linien in Widgets angezeigt MyBlogLog : 10 bis 5 Zeilen
- Ich löschte den Blogroll aus antipixel
- Die Bibliothek aNoobi zeigt 2 Pfund anstelle von 5
Compression des Hauptthemas der CSS-Stile und JavaScript-Skript
Wie gut etabliert ist, habe ich "komprimiert" die CSS-Datei bezogen auf das Thema des Blogs. Ich benutzte die einfache Verdichter vorgeschlagen peterbe.com . Andere CSS, wie sie im Zusammenhang mit Plugins, verließ ich unverändert, sowohl für ihre geringe Größe und durch die Beibehaltung der Möglichkeit, automatisch von WordPress Update und nicht "komprimieren" jeder Zeit.
Komplexere, wurde jedoch JavaScript-Skripten optimiert. David schlug in einer einzigen Datei zu erstellen, aber in meinem Fall ist dies relativ artikuliert (einige Skripte sind dinamicamanete von Plugin enthalten). Das einzige, was ich tun konnte, war leicht zu komprimieren prototype.js , mit dem Kompressor Dean Edwards ! Versuchen Sie auch diese Javascriptcompressor.com .
WordPress Plugin Cache
Hier habe ich noch nichts getan ... Ich schaute auf verschiedene Lösungen (WP-Cache oder WP-SuperCache), aber ich muss sagen, ich habe nicht viel zufrieden ... für dich! Wir werden später sehen!
Bilder: Verwendung der Technik der "Sprites"
Wenn Sie Bilder mit Hilfe von CSS (mit Bild-Ersatz-Techniken) anzuzeigen, können Sie eine "besondere" Form der Optimierung aufgrund der Eigenschaften der Stile. Normalerweise benutze ich diese Technik in Fällen von Rollover-oder sogar mehrsprachige Websites. Dieses Verfahren reduziert die Fragen (HTTP-Request ist ein einzelnes Bild, das diverse enthält) und indirekt auch die Funktion der Vorspannung (gebaut in Javascript) so sehr in Mode bis zu Quelch Zeit, kurz vor den massiven Einsatz von CSS . Durch die Definition richtig im Stil eines Elements können Sie - durch Definition der CSS - den Teil eines Bildes, das in der Realität, es enthält mehr als eine Anzeige. Zum Beispiel sind die Titel der Fußzeile undolog.com nicht drei einzelne Bilder, aber nur eine:
Wenn Sie die CSS definieren können Sie die Koordinaten zu starten. In meinem Fall ist zum Beispiel ein einzelner Titel 314 × 55 Pixel. Das Bild enthält nur die drei Titel unter einander, so 314 x (55 x 3)!
Mal sehen, wie es ab dem HTML, das als Container fungiert funktioniert:
1 2 3 |
Sie auch eine Technik der "Bild-Ersatz", dh den Austausch von Textzeichen mit nur einem Bild! – che definisce l'area visualizzata: 314×55. Die Anwesenheit der TAG SPAN macht genau das: die Beseitigung der Text unter Beibehaltung des Gehäuses H2 - das legt die Ausstellungsfläche: 314 × 55.
In CSS das erste Spiel ist gelöst:
1 2 3 4 5 6 | / * Ausblenden des Textes in Zeichen * / display : none } . div footer-box h2 span {display: none} / * Aufruf der Container * / display : block ; width : 314px ; height : 55px } . div footer-box h2 {display: block; width: 314px; height: 55 Pixel} / * Setzen Sie das Bild als Hintergrund für den Titel * / { background : url ( images/tits_footer.png ) no-repeat } . div titf_recentpost # footer-box h2 {background: url (images / tits_footer.png) no-repeat} |
Der zweite Titel:
1 2 | / * Das gleiche Bild, jedoch mit offeset vertikal verschoben um 55 Pixel * / { background : url ( images/tits_footer.png ) 0px -55px no-repeat } div titf_mostview # footer-box h2. {background: url (images / tits_footer.png) 0px-55 Pixel no-repeat} |
Beachten Sie die Anwesenheit von -55px , die nichts tut, sondern bewegen Sie die im Bild angezeigt ausgeglichen.
Diese Technik ist ideal für all jene Fälle, in denen wir mehrere Bilder ersetzt werden (ich auch für die Titel in der Seitenleiste oder auf die Pfeile "grün" in die und aus der Post verwendet werden) haben alle bei no-repeat. Einige Probleme, oder wenn Sie bevorzugen, aber einige Aufmerksamkeit sollte im Falle der horizontalen Wiederholungen und / oder vertikale gegeben werden. Wenn wir eine wirkliche Struktur, die daher ripetura muss horizontal und vertikal werden müssen, kann diese Technik nicht verwendet werden. In der aktuellen Version von CSS in der Tat, können Sie nur offeset Anzeige der Größe und nicht "geschnitten". Dies ist indirekt aus dem Behälter getan, in meinem Fall von H2 (siehe Definition in der CSS display:block;width:314px;height:55px ). Ein größeres Gefäß würde zeigen, der Rest des Bildes.
In Fällen der Wiederholung nur orizzonatle oder nur vertikal, tecnca kann dies noch mit einem Minimum an Voraussicht verwendet werden:
- Horizontale Wiederholung: das Bild muss auf der rechten und linken Ende
- Vertikale Wiederholung: das Bild muss oben und unten Ende
Brute Force: Export von MySQL und Notepad
Eine gute Sache, ich habe mit einem sehr niedrigen Niveau der Intervention war es, alle Beiträge als Text exportieren und geben ihm einen gesunden gereinigt:
- Unnötige Räume
- con il nuovo Plugin SWFObject, che ho introdotto da poco Ersatz aller TAG
OBJECTundEMBEDmit dem neuen SWFObject Plugin, das ich kürzlich eingeführt - Allgemeine bereinigen HTML auch durch die Passage von mehreren Versionen von WordPress: 2,0 bis 2,5
Zu "messen" die Güte unserer Interventionen kann sinnvoll sein, auf die Überwachung und Verifikations-Tools online verfügbar, wie verlassen Pingdom
Auch das Auge will seinen Teil
Andere kleinere Optimierungen betreffen die Kompression der Hintergrund-Bilder, die in der Lage zu reduzieren und / oder zu beseitigen sind. Für den Rest, ich glaube, dass das Auge ihrerseits will. Undolog.com Blog wird nicht zu den schnellsten der Welt sein, aber Ich mag es, 
Die Verbesserungen, die Sie sehen und fühlen
Selbst aber hat die Änderung seiner Hosting gemacht, weil MT ist reaktionsschneller und schnell.
Meiner Meinung nach ist es jedoch noch zu schwer auf der Vorlage. Es ist schwer zu lange Beiträge in weiß auf schwarz zu folgen.
Offensichtlich de gustibus ...
Hallo,
Emmanuel
Nach firebug Sie die etags und komprimiert die Daten-Übertragung.
Die etags, wenn sie nicht von WordPress (was ich bezweifle, dass sie zu verwenden) verwendet, verhindert, dass Client-seitiges Caching und Kompression würde den Verkehr von Text (html, js und css) gut 50% zu reduzieren.
Wenn Sie die Website von Apache gedient haben, fügen Sie diese Zeilen zu Ihrer Htaccess (oder erstellen Sie es, wenn Sie noch kein Konto haben).:
FileETag none
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css app
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
Header append Vary User-Agent env=!dont-vary
Sehen ist Glauben ...
Es gibt noch andere Tricks möglich, stellen Sie den Ablauf solcher Elemente, die sich nie ändern wird viel in die Zukunft, aber das geht nicht in der Lage zu ändern bis zu dem Zeitpunkt eingestellt.
@ Emmanuel: Ich dachte, ich hätte keine Probleme mit dem Lesen weiß auf schwarz-Modus. Wahrscheinlich aus einer Generation, die mit dem grünen Leuchtstoff-Monitor begann kommen
und wenn ich dann mit "Code" zu tun haben, ziehe ich diese Lösung 
Offensichtlich ist es eine Frage des Geschmacks 
@ David: Ich bin glücklich! Das einzige "Problem" Ich fand in diesen Tagen ist eine signifikante Veränderung in der Leistung, die von (mt) während der Nacht, bis Sie zu einem völligen Stillstand kommen!
Ich las in ihrem Blog, dass diese Tage sind dabei einige Wartungsarbeiten und die Server werden in Los Angeles, dann 9 Stunden Zeitzone, wenn wir kurz vor Mitternacht, werden sie den Zugang Spitzen haben. Ich bin jedoch zuversichtlich, dass sich die Situation zu verbessern, die hervorragende Leistung während des Tages hier in Italien gegeben
@ Nicholas: guter Tipp! Ich Dokument und versuchen Sie es! Dank
Hervorragende gerade über bewegte Bilder. Ich auf meiner Seite war ich von der Einführung es das "Gewicht" der vielen kleinen Icons, die ich für den Rest zu reduzieren denken ... es sei denn Sie eine mehrsprachige oder Multi-Site-CSS haben, WP-Cache für Sie tun kann. Hinsichtlich der ETag, wenn Sie die Post und Veränderung ist nicht eine Sache von WordPress, aber ich würde empfehlen, sie zu deaktivieren ... aber ich denke, eine ausgezeichnete Arbeit der Reinigung, ein wenig "sollten wir alle von Zeit zu tun, um Zeit auf unsere Blogs!