Słyszeliście, że sieć stała się bardziej wizualna, a świetne zdjęcia w witrynie firmy są ważne.
Ale te obrazy mogą być plagą odwiedzających Twoją stronę. Obrazy stanowią 1 MB z 1,7 MB, które zawiera przeciętna strona internetowa.
Może to nie stanowić większego problemu dla odwiedzających na komputerach stacjonarnych korzystających z szybkich połączeń internetowych. Jeśli jednak widzisz lub chcesz zobaczyć zwiększony ruch od użytkowników urządzeń mobilnych, obrazy te mogą stanowić problem. Ciężkie pobieranie stron internetowych z obrazem może zająć dużo czasu. Użytkownicy są sfrustrowani i opuszczają witrynę.
$config[code] not foundByć może zaimplementowałeś responsywny projekt sieciowy, który rozwiązuje wszystkie problemy z telefonem. Prawdą jest, że responsywny projekt sieci rozwiązuje niektóre problemy. Automatycznie rozmieszcza i wyświetla elementy witryny, które będą wyświetlane na mniejszych, węższych ekranach mobilnych.
Ale responsywny projekt WWW nie jest odpowiedzią na wszystko. To niekoniecznie rozwiązuje problem pobierania obrazu. Nawet z responsywnym wyglądem, wiele razy te ciężkie obrazy nadal są pobierane. Specjalista od wydajności internetowej Yoav Weiss zwięźle zwraca uwagę na stronie internetowej Opery:
"Responsive Web Design RWD łączy nowe możliwości przeglądarki i techniki CSS do tworzenia stron internetowych, które dostosowują się do urządzenia wyświetlającego je i wyglądają idealnie wszędzie. To pozwoliło programistom przestać martwić się nierzetelnym wykrywaniem urządzeń i myśleć o ich stronach internetowych pod względem wymiarów rzutni.
Ale chociaż witryny RWD wyglądały inaczej na każdym urządzeniu, pod spodem większość z nich kontynuowała pobieranie tych samych zasobów dla wszystkich urządzeń. "
Nowa
Jeśli nie wiesz nic o kodzie HTML, nietechniczna definicja to: jest to specjalny język. Gdy jest używany za kulisami w kodzie witryny, ten język podaje instrukcje, jak przeglądarka powinna wyświetlać tekst i obrazy. Nowy element Picture jest typem języka znaczników HTML. Jest napisane tak (według Responsive Images Community Group): Element Obraz dotyczy reagowania obrazy, nie reaguje projekt. Dla nietechnicznych ludzi biznesu rozróżnienie to może wydawać się niewielkie. Ale jeśli chodzi o wydajność witryny na urządzeniach mobilnych, może to być znaczące. Zgodnie z raportem ArsTechnica, nowy element znacznika rozwiązuje problemy spowodowane przez obrazy, które miały być widoczne na pełnowymiarowym monitorze - obrazy, które nie są dobrze tłumaczone na urządzenia mobilne. The
"Gdy przeglądarka napotka element Obraz, najpierw ocenia wszelkie reguły, które może określić programista WWW. *** Następnie, po ocenie różnych reguł, przeglądarka wybiera najlepszy obraz na podstawie własnych kryteriów. Jest to kolejna fajna funkcja, ponieważ kryteria przeglądarki mogą obejmować twoje ustawienia. Na przykład przyszłe przeglądarki mogą oferować opcję zatrzymania ładowania obrazów o wysokiej rozdzielczości za pośrednictwem sieci 3G, niezależnie od tego, co może powiedzieć dowolny element Obraz na stronie. Gdy przeglądarka wie, który obraz jest najlepszym wyborem, faktycznie ładuje i wyświetla ten obraz w dobrym starym elemencie img. … co się dzieje, to zdjęcie otacza tag img. Jeśli przeglądarka jest zbyt stara, aby wiedzieć, co zrobić z Nie wszyscy programiści początkowo zaakceptowali nowy element obrazu. Historia Ars Technica nakreśla proces, który przejęli liderzy społeczności internetowej, aby dojść do punktu, w którym $config[code] not found Ale problem wydaje się teraz rozstrzygnięty, wraz z przyjęciem nowego elementu HTML obrazu. The
Jako ludzie biznesu, ważne jest, aby to wiedzieć Wdrażanie elementu Picture HTML do obrazów jest czymś, o czym należy porozmawiać ze swoim programistą internetowym. Technicznie myślący i majsterkowicze mogą tu pojechać, aby nauczyć się korzystać z elementu Obraz. To świetny pomysł napisany przez Scotta Gilbertsona. Możesz zaimplementować
Obrazy: Shutterstock; RICG Co to jest element HTML obrazu?
Kluczowe punkty dotyczące
