Nowa wersja Sierotek przynosi niewiele zmian od strony użytkownika, no może zaktualizowana, na podstawie wikipedii, baza słów do podmiany spowoduje trochę lepsze działanie.
Od strony technicznej wydzieliłem frazy z kodu do pliku tekstowego, co ma dużo sensu – można teraz plik z definicją sierot po porostu skopiować, zmienić i podstawić za pomocą filtra: iworks_orphan_own_terms_file – dzięki czemu mamy własne słowa.
SEO to temat rzeka, którym raczej nie będę się tutaj zajmował, ale napisałem super prostą wtyczunię, która ogarnia najważniejsze elementy SEO, dla treści i taksonomii:
Następnym elementem, który wpływa na na szybkość naszej witryny jest to jak wygląda, a za wygląd dopowiadają arkusze stylów (po angielsku Cascading Style Sheets, w skrócie CSS).
Niby tak prosta sprawa. WordPress pozwala ustawić 3 wielkości. Dodatkowo wtyczki i motyw za pomocą funkcji add_image_size()mogą dodawać dodatkowe rozmiary.
W celu sprawdzenia wszystkich zadeklarowanych wymiarów można skorzystać z poniższego kodu:
Optymalizacja w tym momencie polega na eliminacji wielkości leżących blisko siebie. Na przykład, jeżeli zostały użyte wymiary 600×400 oraz 620×400 – warto przejrzeć gdzie występują i zastąpić jeden z nich drugim – tak, żeby mieć tylko jeden z nich.
Wielkość (jakość)
Następną właściwością plików graficznych jest ich jakość. Szczególnie dotyczy to plików rastrowych. Więcej na ten temat można przeczytać w relacji z WordCampa: Obrazki – typy, optymalizacja, metody.
W skrócie – im wyższa jakość tym większy plik obrazka. Warto więc się zastanowić jaką jakość chcemy mieć. Jakość określamy liczbą od 1 do 100 – im większa liczba, tym wyższa jakość.
Do globalnej zmiany tego parametru służy filtr wp_editor_set_quality – ale jest to rozwiązanie dość toporne, traktujące wszystkie pliki tak samo, co da dokładnie … średni efekt.
Lepszym rozwiązaniem jest zastosowanie wtyczki z grupy automatycznej optymalizacji obrazków – takie wtyczki potrafią dobrać optymalny stopień kompresji w zależności od tego co przedstawia dany obrazek. Inaczej traktują wykresy, inaczej zdjęcia grupy ludzi.
Jest wiele wtyczek, które realizują takie zadanie, zarówno płatnych jak i darmowych, więc polecę jednego rozwiązania. Najczęściej używam: Imsanity oraz ShortPixel.
Leniwe ładowanie
Leniwemu ładowaniu poświęcam osobny wpis:
CDN
CDN – Content Delivery Network – czyli rozproszone dostarczanie plików graficznych z wielu centrów dancyh.
Jest to metoda którą warto stosować, jeżeli witryna ma większy zasięg niż jeden kraj, jeden region geograficzny – w przypadku witryny skierowanej na jeden rynek – np. polski, zasadność użycia jest niska i trzeba to rozważać indywidualnie.
Ikony i znaki
Temat ikon zostanie poruszony innym razem, natomiast znaki i stałe elementy graficzne warto konwertować na wektorową wersję, na plik SVG – dzięki czemu zachowamy doskonałą jakość przy minimalnym rozmiarze.
Na koniec
Po zmianie wszystkich wymiarów warto skorzystać z wtyczki, która przemieli nam obrazki, tak żeby wszystko powstało o nowa w takich wymiarach jak potrzebujemy.
Chcesz w punktach przeczytać co zrobić, żeby witryna była szybka?
Rzeczy oczywiste, jak podatki, żeby nie wpadać w drugą część sentencji, co by nie zaczynać ponuro. Są też witryny używające WordPressa – co w tym miejscu, jest oczywistą oczywistością…
Aktualna kultura, to kultura instant, czyli natychmiastowa. Nasze żądanie świata oparte o „fast food, fast car & fast sex” ma swój wpływ na witryny internetowe. Nie chcemy czekać. Nie chcemy „tracić czasu”.
Jak słusznie zauważył Sebastian, WordPress daje bardzo małą kontrolę nad natywną mapą witryny, która pojawiła się w wersji 5.5. Więcej informacji na stronie WordPressa.
Czy istnieje możliwość ustawienia „sierotek” tak by spacja niełamliwa wstawiana była jedynie po słowach 1-, 2-, n- literowych? oczywiście z wyłączeniem innych „zasad”!
Odpowiedź jest oczywista. Można!
We wtyczce lista sierotek jest zdefiniowana jako tablica, która przed samym użyciem jest przepuszczona przez filtr:
iworks_orphan_therms
Dzieki temu, używają powyższego filtra, możmy dowolnie modyfikować tablice sierotek.
Zwracam uwagę, że filtr działa na koniec, co oznacza, że odfiltruje też własne sierotki.
Kod
Kod do pobrania
Gotowy kod w formie wtyczki, możesz pobrać poniżej.