Ne pare rău, dar greutatea contează, puneți-vă e-mailurile pe o dietă !

Ronan Pellegrini

Iarna vine încet în regiunile noastre, frigul se instalează, la fel și racletele, varza murată și alte feluri de mâncare speciale. Dar această perioadă este, de asemenea, propice obezității în comunicările trimise de noi, clienții noștri sau mărcile noastre preferate: pe scurt, fiecare la nivelul său abuzează și își umple e-mailurile cu o pondere semnificativă.

Am reușit să vin cu o introducere, acum voi putea aborda treptat obiectivul acestui articol: E-mailurile noastre ar trebui să urmeze o dietă înainte de iarnă (cea reală). Nu vă faceți nicio greșeală în legătură cu aceasta, această postare fără reținere va servi ca un memento pentru experți și conștientizare pentru neofiți.

„Ok Ronan”, greutatea unui e-mail despre ce anume este vorba ?

Întrebare excelentă „eu însumi”, după părerea mea, trebuie să depuneți un efort pentru fiecare fațetă a e-mailului, și anume persoana sa: HTML și CSS ale fișierului, dar și bagajele sale ... Pentru că da, ca turist bun, e-mailul ajunge în căsuța de e-mail cu colecția sa de imagini, din fonturi google care uneori/deseori cântăresc în balanță și asta, direct sau indirect.

Problemele de greutate nu sunt noi și trebuie să le rezolvați separat. De fapt, în timp ce unul provoacă încetiniri la sosirea în căsuțe de e-mail, celălalt încetinește afișarea mesajului dvs.

Deci, de ce ar trebui să slăbim în e-mailurile noastre ?

Am început să vorbesc despre asta în paragraful anterior, dar primul motiv care îmi vine în minte este că fiecare octet suplimentar este unul care ne poluează planeta... Fiecare mesaj de e-mail trimis este stocat apoi memorat în cache și chiar păstrat în unele cutii poștale timp de câteva luni sau chiar pentru câțiva ani de mesaje.

Din păcate, acest argument nu va fi întotdeauna suficient pentru a vă convinge sau a vă convinge managerii cu privire la această problemă majoră. Deci, permiteți-mi să vă ofer o altă abordare. Atunci când e-mailul dvs. este trimis, cu cât este mai greu (HTML/CSS), cu atât va dura mai mult pentru a ajunge la cititorul dvs. Vorbim despre viteza sa care trebuie livrată în cutia sa.

Analogia ar fi să spunem că o scrisoare merge mai repede decât o coletă (cu excepția Amazon) ... Apoi, odată primită, imaginați-vă că cititorul dvs. încearcă să vă citească mesajul cu o conexiune de internet degradată (3G sau Edge). Va dura secunde lungi, lungi pentru ca mesajul dvs. să apară. Acest argument privind performanța și livrabilitatea afișajului ar trebui să vă fie suficient.

Imaginați-vă mesajul dvs. magnific lucrat cu un designer web și un integrator de e-mail timp de câteva ore și care are ca scop evidențierea și vânzarea serviciilor sau produselor dvs. Dar cine ar putea ajunge în căsuța de e-mail a utilizatorului dvs. de internet fără picioare ... (Da, vorbesc despre subsolul tău).

Un e-mail de peste 100 kb (HTML + CSS) poate fi tăiat/tăiat de Gmail și nu este o priveliște frumoasă (Schlak, felie Gmail) ! Dintr-o dată, nu mai există un link de dezabonare, nu mai aveți liniște dacă se află în partea de jos a e-mailului și nu există un subsol care să încheie corect comunicarea dvs. E-mailurile mai mari sunt uneori întrerupte în mijlocul unui articol.

În ceea ce privește performanța, dacă cititorii dvs. sunt în 4G a priori fără griji, mesajele dvs. vor fi afișate aproape instantaneu. Acum imaginați-vă că nu este cazul. În 3G sau Edge, o altă lume se profilează pentru mesajul tău, o imagine prea grea poate să nu fie afișată niciodată, cititorii tăi cei mai nerăbdători (ca și mine, îmi pare rău ...) vor alege pur și simplu să nu-ți citească postarea și să o șteargă. Lenea de așteptare a mesajului dvs. va câștiga curiozitatea.

Aici începe lista celor mai renumite sfaturi. Ah, apropo, am pompat totul pe internet (#flemma # experience?) !

Haide, să călcăm pe scară! D-0 înainte de a slăbi

Înainte de a pierde în greutate, este necesar să faceți un inventar. În principiu, puteți evalua cu ușurință greutatea mesajului dvs. dacă aveți fișierele sursă pe computer. Sistemul dvs. de operare afișează acest lucru în listele sale de fișiere. Exemplu Windows de mai jos.

Pe de altă parte, dacă ați făcut e-mailul direct pe platforma de rutare, este puțin mai complicat. Este rar ca acesta să vă arate greutatea e-mailului. În acest caz, mai multe opțiuni posibile:

Trimiteți e-mailul la o casetă care afișează greutatea, de exemplu: Thunderbird
Afișând versiunea browserului și deschizând consola de depanare (F12) pe fila de rețea (sub chrome) sau rețele (sub firefox): veți avea detaliile greutății fiecărui element care alcătuiește e-mailul.
Preluând codul html din e-mail și salvându-l pe computer. (nu uitați să vă verificați imaginile)

Și acum ... Haide Zou! La dietă.

Rescrieți și optimizați codul.

Oprește înfrumusețarea, eliminăm indentarea

Tehnica care trebuie făcută în ultimul moment. Are avantajul de a economisi greutate valoroasă, dar face codul mai greu de citit. Ușor de făcut, fie cu un cod sau cu un editor de text îmbogățit, cum ar fi cu Notepad ++, de exemplu (da, editorul nu este recent, dar hei, este exemplul ușor!).

Cu Notepad ++, selectăm întregul e-mail cu CTRL + A, apoi eliminăm diferitele niveluri de indentare făcând mai multe Shift + Tabel, până când codul este aliniat în stânga. Dacă utilizați un cadru de e-mail, este posibil să puteți automatiza acest lucru atunci când compilați codul.

Minificare CSS !

Fiecare linie de CSS poate fi redusă în greutate prin îndepărtarea returnărilor de transport. (economia este minimă, dar există) pentru aceasta, există multe software-uri online. O folosesc pe aceasta: https://www.willpeavy.com/tools/minifier/ Pentru cei mai îndrăzneți dintre voi care utilizați Mjml, e-mailul Foundation sau un alt cadru pentru e-mail, există opțiuni de reducere automată a greutății și ar trebui aplicate.

Probabil că există și alte tehnici, dar acestea fac parte din elementele de bază de aplicat. În orice caz, atunci când aplicați una sau alta dintre aceste metode, faceți teste de redare a e-mailurilor cu mai mulți clienți. Trebuie să vă asigurați că mesajul dvs. cu un cod redus funcționează în continuare pe diferiții clienți de e-mail la care urmează să ajungeți.

Nu am spus hainele ...

Acum, vom vorbi despre resurse la distanță, și anume imagini și alte gif-uri animate, dar și despre Fonturi (Afișare fonturi) care vor fi încărcate atunci când vă deschideți e-mailul. Deci, vorbim despre lucruri care vă vor costa lățimea de bandă a cititorilor.

Să vorbim despre imaginile tale:

Pentru început, o imagine ar trebui să fie dimensionată la dimensiunea afișată efectivă în e-mailul dvs., astfel încât o imagine erou care ocupă întreaga lățime a unui e-mail de 600 px va avea o lățime de 600 px. O singură carcasă specială va fi realizată pentru ecranele retinei, unde vom folosi imagini X2 în lățime și înălțime, deci 1200px lățime în acest caz specific.

Nu ar trebui să puneți niciodată imaginea în rezoluție HD, care va depăși probabil 20 MB. Rețineți că majoritatea routerelor de e-mail nu se uită la ceea ce utilizați ca imagine și vă lasă să faceți tot ce este necesar.

De asemenea, imaginile dvs. trebuie optimizate și comprimate pentru a le reduce greutatea.

Utilizați formate de imagine adecvate pentru a avea cea mai bună greutate posibilă (png, jpg, gif). În principiu, designerii dvs. de web sunt în cea mai bună poziție pentru a alege și a reduce greutatea imaginilor dvs., dar dacă nu ați avut opțiunea de a trece printr-un designer de web, puteți folosi oricând instrumente sau software online, cum ar fi:

Această listă nu este exhaustivă, dar vă oferă un panou de instrumente pentru diferitele tipuri de imagini pe care poate fi necesar să le optimizați.

Gândește-te la fonturile tale și la găzduirea imaginilor tale:

Fonturile nu sunt specialitatea mea. Cu toate acestea, nu multiplicați încărcarea Google Font. Fiecare font necesită un timp semnificativ pentru a fi recuperat și cu cât veți lua mai multe informații despre fontul dvs. (obișnuit + Bold + subțire, de exemplu), cu atât timpul de recuperare a fișierului va fi mai mare.

De asemenea, gândiți-vă unde sunt găzduite imaginile dvs.. Un server performant va reduce timpul de răspuns înainte de a trimite resursa solicitată. De asemenea, puteți furniza un cache proxy inversat HTTP, precum Varnish, de exemplu, în cazul în care vă găzduiți imaginile pe același server ca site-ul dvs. web.

Imaginile vor fi apoi memorate în cache pe serverul cache atunci când treceți o primă unitate. Scopul este de a reduce încărcarea pe serverul web. Într-adevăr, următorii cititori care vor prelua aceeași imagine nu vor mai merge pe serverul site-ului dvs. web, ci pe serverul dedicat gestionării cache-ului.

Așa cum am spus la începutul articolului meu, totuși nu pretind că sunt Biblia pentru optimizarea e-mailurilor prin aplicarea acestor câteva reguli, puteți reduce în mod eficient și rapid greutatea și crește viteza de afișare a e-mailurilor. Procedând astfel, vă îmbunătățiți performanța comunicărilor și reduceți impactul carbonului asupra planetei noastre.

Eu și e-mailurile dvs. vă mulțumim că ați citit acest articol.