Zasięg

Grow

Manage

Automate

Zasięg

Grow

Manage

Automate

Znaczenie rozmiaru pliku e-mail

Ptak

27 sie 2018

Email

1 min read

Znaczenie rozmiaru pliku e-mail

Ptak

27 sie 2018

Email

1 min read

Znaczenie rozmiaru pliku e-mail

Gdy mówimy o rozmiarach plików w poczcie e-mail, naprawdę mówimy o 3 tematach: rozmiarze wysyłanego pliku HTML, rozmiarze zewnętrznych zasobów oraz pełnym załadowanym rozmiarze. Chcemy, aby wszystkie te rozmiary plików były jak najmniejsze, ale jakie są maksymalne rozmiary i do czego powinniśmy dążyć?

HTML Rozmiar Pliku

Rozmiar pliku HTML to rozmiar pliku .html, który jest faktycznie wysyłany. Ten rozmiar pliku nie obejmuje rozmiaru załączonych obrazów, ponieważ te byłyby połączone z tym plikiem html i pobierane podczas otwierania.

Maksymalny rozmiar, jaki zalecamy, to 100KB, ponieważ cokolwiek większego może prowadzić do problemów z dostarczalnością i wyświetlaniem. Na przykład Gmail ucina twoje html po przekroczeniu 102KB. Ucinanie ukryje koniec twojego e-maila i może zniszczyć układ. Obsługa e-maili w Gmailu ma również inne aspekty, takie jak wpływ wstępnego pobierania obrazów na śledzenie e-maili.

Większość e-maili powinna bez problemu zmieścić się poniżej 50KB. Jednak czasami złożone postępowe ulepszenia lub duża ilość treści kampanii skutkują większym rozmiarem pliku. Jeśli tak się stanie, istnieje wiele sposobów na zmniejszenie rozmiaru pliku HTML.

  • Wyczyść swój kod. E-mail ciągle się zmienia i widzimy wiele szablonów z przestarzałym kodem. Szybkie oczyszczenie może zaoszczędzić kilka KB.

  • Nie przesadzaj z kodem. Niektóre szablony, które widzimy, mają dodatkowy kod, który po prostu nie jest potrzebny. Aby uzyskać wskazówki dotyczące tworzenia wydajnych szablonów, zobacz nasz przewodnik dotyczący zaawansowanych szablonów e-mailowych. Najgorszym przypadkiem jest dodawanie dodatkowych elementów tabeli. Większość układów można osiągnąć za pomocą 5-10 tabel, ale często widzimy kod z 30-40 tabelami. Mniej tabel ma również dodatkową zaletę, jaką jest łatwiejsze czytanie kodu.

  • Przenieś część kodu z HTML do CSS. Nie jest jeszcze bezpieczne przenoszenie wszystkich stylów do CSS, ale jeśli zrobione poprawnie, przeniesienie niektórych stylów liniowych do stylów osadzonych może pomóc zmniejszyć kod.

  • Uprość swój projekt. Inną opcją jest powrót do etapu projektowania. E-maile z jedną kolumną używają znacznie mniej kodu.

  • Minimalizuj swój kod. Minimalizacja kodu usunie niepotrzebne spacje i komentarze. To może mieć ogromny efekt, ale bądź ostrożny, ponieważ wiele ESP narzuca maksymalną długość linii, co mogłoby wymusić nową linię i złamać kod.

Rozmiar zewnętrznych zasobów

Zewnętrzny rozmiar zasobów to rozmiar wszystkich obrazów i zewnętrznych arkuszy stylów. Ponieważ zewnętrzne rozmiary są rzadkie, skupimy się teraz bardziej na obrazach.

Jeśli używasz obrazów w tle i zapytań medialnych, to w niektórych środowiskach nie wszystko zostanie pobrane dla każdego użytkownika. Ale pamiętaj, że nawet jeśli zdefiniujesz display:none;  na elemencie , nadal zostanie pobrany. Obecnie nie ma sposobu, aby to zatrzymać.

Maksymalny rozmiar większości obrazów wynosi 100KB, ale jeśli masz jeden duży obraz w wysokiej rozdzielczości lub animowany GIF, który może wzrosnąć do 500KB. Rozumienie problemów z wydajnością poczty często wymaga czytania nagłówków e-mail w celu rozwiązywania problemów. Jednak chodzi bardziej o całkowity rozmiar, który omówimy w sekcji dotyczącej pełnego załadowania e-mail.

Jest wiele zasobów, które pomogą w kompresji rozmiarów obrazów:

  • ImageOptim – na Mac lub jako usługa internetowa

  • Caesium – na Windows

  • CDN –  Wiele CDN ma wbudowaną optymalizację obrazów. Niektóre nawet dostosują kompresję w zależności od dostępnej przepustowości.

Oto kilka innych wskazówek, które polecamy:

  • Upewnij się, że używasz najbardziej odpowiedniego formatu, .jpg dla zdjęć, .gif dla grafiki oraz .png, gdy potrzebujesz kanałów alfa

  • Uprość swój projekt. Wracaj do etapu projektowania, aby używać mniej obrazów, mniejszych obrazów lub prostszych obrazów, które mogą być skompresowane do mniejszych rozmiarów.

Zewnętrzny rozmiar zasobów to rozmiar wszystkich obrazów i zewnętrznych arkuszy stylów. Ponieważ zewnętrzne rozmiary są rzadkie, skupimy się teraz bardziej na obrazach.

Jeśli używasz obrazów w tle i zapytań medialnych, to w niektórych środowiskach nie wszystko zostanie pobrane dla każdego użytkownika. Ale pamiętaj, że nawet jeśli zdefiniujesz display:none;  na elemencie , nadal zostanie pobrany. Obecnie nie ma sposobu, aby to zatrzymać.

Maksymalny rozmiar większości obrazów wynosi 100KB, ale jeśli masz jeden duży obraz w wysokiej rozdzielczości lub animowany GIF, który może wzrosnąć do 500KB. Rozumienie problemów z wydajnością poczty często wymaga czytania nagłówków e-mail w celu rozwiązywania problemów. Jednak chodzi bardziej o całkowity rozmiar, który omówimy w sekcji dotyczącej pełnego załadowania e-mail.

Jest wiele zasobów, które pomogą w kompresji rozmiarów obrazów:

  • ImageOptim – na Mac lub jako usługa internetowa

  • Caesium – na Windows

  • CDN –  Wiele CDN ma wbudowaną optymalizację obrazów. Niektóre nawet dostosują kompresję w zależności od dostępnej przepustowości.

Oto kilka innych wskazówek, które polecamy:

  • Upewnij się, że używasz najbardziej odpowiedniego formatu, .jpg dla zdjęć, .gif dla grafiki oraz .png, gdy potrzebujesz kanałów alfa

  • Uprość swój projekt. Wracaj do etapu projektowania, aby używać mniej obrazów, mniejszych obrazów lub prostszych obrazów, które mogą być skompresowane do mniejszych rozmiarów.

Zewnętrzny rozmiar zasobów to rozmiar wszystkich obrazów i zewnętrznych arkuszy stylów. Ponieważ zewnętrzne rozmiary są rzadkie, skupimy się teraz bardziej na obrazach.

Jeśli używasz obrazów w tle i zapytań medialnych, to w niektórych środowiskach nie wszystko zostanie pobrane dla każdego użytkownika. Ale pamiętaj, że nawet jeśli zdefiniujesz display:none;  na elemencie , nadal zostanie pobrany. Obecnie nie ma sposobu, aby to zatrzymać.

Maksymalny rozmiar większości obrazów wynosi 100KB, ale jeśli masz jeden duży obraz w wysokiej rozdzielczości lub animowany GIF, który może wzrosnąć do 500KB. Rozumienie problemów z wydajnością poczty często wymaga czytania nagłówków e-mail w celu rozwiązywania problemów. Jednak chodzi bardziej o całkowity rozmiar, który omówimy w sekcji dotyczącej pełnego załadowania e-mail.

Jest wiele zasobów, które pomogą w kompresji rozmiarów obrazów:

  • ImageOptim – na Mac lub jako usługa internetowa

  • Caesium – na Windows

  • CDN –  Wiele CDN ma wbudowaną optymalizację obrazów. Niektóre nawet dostosują kompresję w zależności od dostępnej przepustowości.

Oto kilka innych wskazówek, które polecamy:

  • Upewnij się, że używasz najbardziej odpowiedniego formatu, .jpg dla zdjęć, .gif dla grafiki oraz .png, gdy potrzebujesz kanałów alfa

  • Uprość swój projekt. Wracaj do etapu projektowania, aby używać mniej obrazów, mniejszych obrazów lub prostszych obrazów, które mogą być skompresowane do mniejszych rozmiarów.

Całkowity Rozmiar Email

To jest łączny rozmiar wszystkiego, gdy e-mail jest otwarty i wszystko jest pobrane. Może się to różnić w zależności od środowiska, w którym e-mail jest otwierany.

Głównym problemem tutaj jest czas potrzebny na załadowanie e-maila. Prawdopodobnie testujesz swoje e-maile w biurze z bardzo szybkim połączeniem, ale wielu Twoich odbiorców może korzystać z urządzeń mobilnych z wolnym połączeniem 3G.

Przy dobrym połączeniu całkowity rozmiar e-maila wynoszący 1 MB załadowałby się w ułamku sekundy i wydawałby się użytkownikowi natychmiastowy. Jednakże przy połączeniu 3G może to zająć od 2 do 14 sekund, aby załadować pełnego e-maila. A jeśli Twoja docelowa grupa odbiorców prawdopodobnie korzysta z połączenia 2G, pobieranie może zająć kilka minut. Gdy e-maile ładują się powoli, przyciągające uwagę tematy stają się jeszcze bardziej kluczowe dla zaangażowania.

Jest to również potencjalny problem dla użytkowników z restrykcyjnymi planami danych, którzy muszą rozważać każdy MB, który pobierają. Jest to szczególnie istotne w rozwijających się krajach.

Kilka rzeczy, które możesz zrobić, aby pomóc:

Po pierwsze, spójrz na wszystkie zalecenia, które wspomnieliśmy odnośnie optymalizacji html i rozmiaru obrazów.
Jeśli masz czas, zawsze dobrze jest eksperymentować z kodem i testować, co jest naprawdę potrzebne, a co można pominąć. Eksperymentuj z obrazami i próbuj różnych sposobów ich kompresji. Upewnij się, że Twój e-mail wygląda dobrze i ma sens bez obrazów, aby użytkownicy mogli rozpocząć przeglądanie e-maila, podczas gdy czekają na załadowanie obrazów.

Łącząc Wszystko Razem

W przypadku rozmiarów plików, podobnie jak w przypadku wielu innych rzeczy, wszystko sprowadza się do kompromisu. Możesz przeprowadzić testy A/B i odkryć, że duże obrazy o wysokiej rozdzielczości działają dobrze. Możesz stwierdzić, że dużo szczegółowej treści działa dobrze. Możesz zauważyć, że złożona interaktywność działa dobrze. Jednak gdy połączysz wszystkie trzy elementy w jednej kampanii – może się okazać, że wyniki zaczynają być słabe. Problemy z wydajnością e-mail mogą również wynikać z problemów z dostarczalnością, takich jak literówki w adresach e-mail.

Połączmy Cię z ekspertem Bird.
Zobacz pełną moc Bird w 30 minut.

Przesyłając, zgadzasz się, że Bird może kontaktować się z Tobą w sprawie naszych produktów i usług.

Możesz zrezygnować z subskrypcji w dowolnym momencie. Zobacz Privacy Statement firmy Bird, aby uzyskać szczegóły dotyczące przetwarzania danych.

Company

Biuletyn

Bądź na bieżąco z Bird dzięki cotygodniowym aktualizacjom do Twojej skrzynki odbiorczej.

Połączmy Cię z ekspertem Bird.
Zobacz pełną moc Bird w 30 minut.

Przesyłając, zgadzasz się, że Bird może kontaktować się z Tobą w sprawie naszych produktów i usług.

Możesz zrezygnować z subskrypcji w dowolnym momencie. Zobacz Privacy Statement firmy Bird, aby uzyskać szczegóły dotyczące przetwarzania danych.

Company

Biuletyn

Bądź na bieżąco z Bird dzięki cotygodniowym aktualizacjom do Twojej skrzynki odbiorczej.

Połączmy Cię z ekspertem Bird.
Zobacz pełną moc Bird w 30 minut.

Przesyłając, zgadzasz się, że Bird może kontaktować się z Tobą w sprawie naszych produktów i usług.

Możesz zrezygnować z subskrypcji w dowolnym momencie. Zobacz Privacy Statement firmy Bird, aby uzyskać szczegóły dotyczące przetwarzania danych.

R

Reach

G

Grow

M

Manage

A

Automate

Company

Biuletyn

Bądź na bieżąco z Bird dzięki cotygodniowym aktualizacjom do Twojej skrzynki odbiorczej.