Przejdź do głównej treści

Jak udostępniać obrazy WebP zamiast tradycyjnych plików PNG i JPG

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

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.

Obejście problemu z obrazem Wordpress

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 ExpressDzię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 stronie WordPress znajdziesz nową opcję menu 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.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Cena cenowa

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.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Pulpit nawigacyjny Optimole

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ć.

Błąd deski rozdzielczej Optimole

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.

Korzystanie z pulpitu Optimole 1

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

Raport pulpitu nawigacyjnego Optimole 1

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 Twoje logo. Jest to prosty proces i masz kontrolę nad kryciem, lokalizacją itp.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Strojenie wtyczki Optimole

Zasadniczo możesz zrobić to samo z obu pulpitów nawigacyjnych. Albo pod zakładką Parametry WordPress lub odwiedzając zewnętrzny pulpit Optimole. Wszystko zależy od tego, z czym czujesz się najbardziej komfortowo, a także od tego, ile danych 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 .

Wtyczka Lazyload wordpress

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.

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
5 akcji
udział5
ćwierkanie
Enregistrer