Google jest na szczycie łańcucha pokarmowego w Internecie. Społeczeństwo ma wpływ (lub narzuca) wiele z tego, co dzieje się w Internecie. Ich nowy format obrazu, WebP, kontynuuje ten trend. Wraz ze wzrostem znaczenia szybkości ładowania strony (głównie ze względu na Google Page Rank) programiści i projektanci uważają kompresję obrazu za najłatwiejszy sposób na skrócenie czasu ładowania. Obrazy Google WebP są o około 30% mniejsze niż zwykłe obrazy JPG lub PNG i zachowują taką samą jakość. A co najważniejsze, nie musisz się martwić ręczną konwersją obrazów do formatu WebP.

W tym artykule pokażemy, jak używać tego nowego formatu obrazu w WordPress, mimo że nie jest jeszcze domyślnie obsługiwany.

Użyj Optimole do obsługi plików WebP w WordPress

WebP, jako format obrazu, nie jest domyślnie obsługiwany w WordPress. Możesz przesłać obraz .webp, ale tak jak w przypadku pliku SVG, możesz otrzymać komunikaty o błędach. I znowu, jeśli chodzi o użycie Pliki SVG z WordPress , istnieje proste obejście za pomocą wtyczki.

Wśród testowanych usług WebP Optimole wyróżnia się z tłumu. Rzeczywiście może działać przy minimalnej konfiguracji. Dlatego chcemy wyjaśnić, jak go skonfigurować i jak najłatwiej sprawić, aby instalacja WordPress była kompatybilna z formatem WebP.

Po pierwsze, oczywiście będziesz chciał pobierz i zainstaluj samą wtyczkę . Znajduje się w katalogu WP.org i jest całkowicie darmowy. Ponieważ usługa oparta na API, która go włącza (do pewnego momentu). Chociaż możliwa jest konwersja tradycyjnych obrazów do WebP w locie przy użyciu PHP, nie wszystkie hosty internetowe udzielają tego uprawnienia serwerowi. Jeśli masz to uprawnienie, możesz również wyświetlić wtyczkę WebP Express. Dzięki temu zyskujesz dużą kontrolę , ale jest to system, który wymaga większej konfiguracji, aby mógł działać płynnie.

Po zainstalowaniu i aktywacji Optimole na Twoim Witryna internetowa WordPress, znajdziesz nową opcję menu na Media - Optimole .

Twój klucz API Optimole

Aby uzyskać dostęp do ustawień lub konfiguracji, musisz mieć konto Optimole. Jeśli już skonfigurowałeś, możesz kliknąć przycisk Mam już klucz API . Jeśli nie, zapisz i wyślij klucz API e-mailem . Podstawowe konto klucza API jest bezpłatne i na tym poziomie uzyskujesz około 5 trafień. Jeśli potrzebujesz czegoś więcej, dostępne są poziomy cenowe.

Optimole definiuje wizytę jako „ każdy, kto cię odwiedza, jeśli raz [. . .] Każdy użytkownik jest liczony tylko raz. Nie ma znaczenia, co robią w Twojej witrynie, ile obrazów pobierają lub ile stron odwiedzają; to tylko użytkownik. Jeśli opuszczą Twoją witrynę i wrócą tego samego dnia, nadal będą tylko użytkownikiem. "

Po wyczerpaniu mierzonych wizyt tylko obrazy WebP przestają się wyświetlać. Twoje obrazy same w sobie nie. Klucz API znajdziesz na pulpicie nawigacyjnym Optimole na samej górze.

Wystarczy wkleić go do pulpitu WordPress, a będziesz gotowy do rozprzestrzeniania obrazów WebP za pomocą WordPress.

Twoje pulpity nawigacyjne Optimole WordPress

Na pulpicie nawigacyjnym WordPress otrzymujesz podstawowe informacje o optymalizacji WebP. Pozwala to na rozwiązywanie problemów i ocenę powodzenia tego przyspieszenia. W ten sposób możesz zmienić różne ustawienia.

Najpierw zobaczysz konto powiązane z API, a następnie u dołu ekranu wtyczka wyświetli najnowsze zoptymalizowane obrazy. Możesz zobaczyć, o ile mniejsze są wyświetlane obrazy WebP niż oryginalne obrazy przesłane do WordPress.

Następnie jest zakładka Problèmes możliwy na szczycie. Nikt nie lubi widzieć podświetlonej karty, ale wszyscy musimy też zobaczyć, jakie konflikty mogą się pojawić.

Głównym problemem, z którym się spotykaliśmy, są inne wtyczki do kompresji i dostarczania obrazu. Jak widać na powyższym obrazku, wtyczka Jetpack działa podobnie do Optimole przez Photon APIT , żeby mogli walić głową. Dla nas przejawiało się to tym, że żaden obraz nie został przekazany odwiedzającemu. Nie napotkaliśmy żadnych problemów z innymi usługami kompresji, takimi jak TinyPNG lub Smush.

Korzystanie z pulpitów nawigacyjnych

Jeśli potrzebujesz bardziej szczegółowych informacji o tym, jak Twoja strona współpracuje z WebP, zewnętrzny pulpit nawigacyjny Optimole zawiera te informacje.

Zamiast zaledwie 9,5 razy mniejszego, możesz zobaczyć rzeczywisty rozmiar serwowanych plików. Jak również same pliki przez okres 30 dni.

Możesz także ustawić znaki wodne na pulpicie nawigacyjnym Optimole (lub WP), aby każdy, kto otrzyma WebP z Twojej witryny WordPress, automatycznie otrzymał herb Twojego logo. Jest to prosty proces i masz kontrolę nad przezroczystością, lokalizacją i nie tylko.

Zasadniczo możesz zrobić to samo z obu pulpitów nawigacyjnych. Albo pod zakładką Parametry WordPress lub odwiedzając pulpit nawigacyjny poza Optimole. Wszystko zależy od tego, z czym czujesz się najbardziej komfortowo, a także od poziomu données czego potrzebujesz w danym momencie.

Ponadto będziesz w stanie kontrolować poziom kompresji, leniwe ładowanie oraz kiedy / czy określone obrazy są przesyłane strumieniowo jako WebP na podstawie nazw plików. Wszystko to znajdziesz w zakładce Parametry de Media - Optimole .

paczka

Najlepszą częścią korzystania z WebP z witrynami WordPress jest to, że nie musisz ręcznie pracować z plikami. Bez dodatkowych pobrań, bez dodatkowego czasu kompresji, nic. Ze względu na sposób działania API wszystkie procesy i obliczenia są wykonywane w locie w czasie rzeczywistym. Firma Google naprawdę przyspieszyła internet, używając WebP zamiast JPG lub PNG. Główną zaletą jest jednak to, że obrazy zachowują tę samą jakość, nawet jeśli ich rozmiar jest znacznie zmniejszony. Może być interesujące z Twojej strony, że Google zmusza Cię do korzystania z ich formatu w celu przyspieszenia Twojej witryny, aby mogła uzyskać wyższą pozycję, a także lepsze wrażenia użytkownika końcowego. I to się ostatecznie liczy.