+48 33 307 07 77

Telefon kontaktowy 24h +48 33 307 07 77

Proud Media

Optymalizacja stron internetowych

Przyspieszamy strony zar贸wno po stronie witryny, jak i serwera. Opieramy si臋 o najnowsze standardy wyznaczane przez m.in. Google

Optymalizacja stron internetowych

Setki realizacji, tysi膮ce rozwi膮zanych problem贸w

Skontaktuj si臋 ju偶 teraz!

Optymalizacja stron internetowych Bielsko-Bia艂a

Czy wiedzia艂e艣, 偶e w roku 2018, na ca艂ym 艣wiecie 58% odwiedzin stron oraz serwis贸w internetowych pochodzi艂o z urz膮dze艅 mobilnych? Trend ten nie spowalnia, prognozuje si臋, 偶e w przeci膮gu kolejnych lat b臋dzie jeszcze bardziej wzrasta膰 na niekorzy艣膰 klasycznych komputer贸w. Ma艂o tego, specjali艣ci twierdz膮, 偶e w przeci膮gu nast臋pnych 2 lat sprzeda偶 tablet贸w zr贸wna si臋 ze sprzeda偶膮 komputer贸w osobistych, o ile ich nie wyprzedzi. Nie od dzi艣 wiadomo, 偶e rynek i trendy zmierzaj膮 w stron臋 urz膮dze艅 mobilnych. Jeste艣 na urlopie za granic膮 i szukasz dobrej pizzerii? Nic prostszego, wystarczy wyci膮gn膮膰 telefon, wyszuka膰 i ju偶 jeste艣my na stronie. No dobrze, ale co to oznacza dla nas?

Przyspieszanie stron internetowych

Je偶eli wi臋kszo艣膰 ruchu internetowego pochodzi z kom贸rek, to powinni艣my zwr贸ci膰 na tych u偶ytkownik贸w szczeg贸ln膮 uwag臋. Nikt nie lubi czeka膰, tacy s膮 ju偶 ludzie. Jak podaje portal 鈥淭hink with Google鈥 strony i aplikacje mobilne, kt贸re na wczytanie potrzebuj膮 wi臋cej ni偶 2.5 sekundy s膮 najcz臋艣ciej odrzucane przez u偶ytkownik贸w, zanim nawet zd膮偶膮 pokaza膰 si臋 ich oczom. Najlepszym czasem jest oczywi艣cie 1 sekunda oraz mniej. Z kolei na urz膮dzeniach stacjonarnych oraz laptopach czas powy偶ej 3-5 sekund jest raczej niedopuszczalny. U偶ytkownicy internetu r贸wnie偶 sk艂onni s膮 szybciej zamkn膮膰 tak膮 zak艂adk臋 i klikn膮膰 kolejn膮 stron臋.

To wszystko pokazuje nam dobitnie, 偶e nale偶y zainteresowa膰 si臋 optymalizacj膮 i czasem wczytywania naszej strony internetowej. To do艣膰 dziwne, 偶e jest to sprawa tak wa偶na, a tak bardzo ma艂o os贸b w og贸le zwraca na to uwag臋 przy zlecaniu wykonania swojej strony internetowej.

Optymalizacja stron internetowych Bielsko-Bia艂a

W naszej firmie optymalizujemy strony na najwy偶szym mo偶liwym poziomie wyznaczanym przez m.in. Google. Najbardziej popularne narz臋dzia do audytowania optymalizacji swojej strony internetowej to oczywi艣cie Google Pagespeed Insights oraz GTMetrix. S膮 r贸wnie偶 inne, p艂atne rozwi膮zania, ale nie zach臋camy do ich op艂acania, bo dos艂ownie bardziej op艂aca si臋 odda膰 te pieni膮dze (cz臋sto mniejsze kwoty ni偶 za program do audytu) ludziom, kt贸rzy to poprawi膮, a nie technologiom, kt贸re powiedz膮 co jest nie tak.

Do najcz臋stszych grzech贸w 藕le zoptymalizowanej i d艂ugo wczytuj膮cej si臋 strony nale偶膮:

  • Z艂a polityka obraz贸w i grafik na stronie – 藕le dobrany format graficzny (jpg/png), kt贸ry potrafi zwi臋kszy膰 rozmiar pliku nawet o 1MB. Wczytywanie o wiele wi臋kszych obraz贸w, ni偶 wymaga tego layout strony, czyli np. logo kt贸re zajmuje 300×100 pikseli to tak naprawd臋 zeskalowany plik o rozmiarze 1800×800. Brak kompresji, nie u偶ywanie najnowszych format贸w wy艣wietlania grafik, takich jak googlowski .webp. Brak lazyloadingu, czyli pobierania zasob贸w dopiero gdy zajdzie taka konieczno艣膰. To wszystko sprawia, 偶e same obrazy na naszej stronie potrafi膮 鈥渨a偶y膰鈥 nawet ponad 10MB. Przypominam, 偶e taki rozmiar jest niedopuszczalny dla CA艁EJ STRONY!
  • Prze艂adowanie skryptami – Wyszukanie podstawowego tagu w j臋zyku HTML jakim jest <span> to dla skryptu jQuery 19,449 operacji na sekund臋, podczas gdy dla Vanilla JS jest to 8,280,893 takich operacji w ci膮gu sekundy. Jest r贸偶nica, prawda? Dodajmy do tego rozmiar plik贸w jQuery jakie trzeba pobra膰, a p贸藕niej jeszcze czas ich interpretacji. Oczywi艣cie, kto艣 mo偶e powiedzie膰, 鈥渁le ja mam bardzo ma艂o skrypt贸w na stronie鈥. Ok, ale czy to naprawd臋 jest pow贸d, 偶eby bardziej nie przyspiesza膰 strony? 馃槈 Sprawa skrypt贸w javascript nie tyczy si臋 jednak tylko jQuery, cho膰 jest to jedna z najbardziej popularnych bibilotek JS. Kod, kt贸ry si臋 tworzy musi by膰 mocno zoptymalizowany i odpowiednio, asynchronicznie wczytywany. Unikamy sytuacji kiedy przed pokazaniem u偶ytkownikowi strony widzi on bia艂y ekran przez kilka sekund, bo przed wyrenderowaniem tre艣ci pobieramy jQuery, skrypty slidera, lightboxa, owl carousel i jeszcze innych funkcjonalno艣ci. To wszystko mo偶na zrobi膰 lepiej, szybciej i rozs膮dniej.
  • Zbyt du偶a ilo艣膰 zapyta艅 do serwera oraz stary protok贸艂 HTTP – obecnym standardem jest obs艂ugiwanie 偶膮da艅 klienta przy pomocy HTTP/2. Jest to protok贸艂, kt贸ry w znacznym stopniu przyspiesza komunikacj臋 klient-serwer, serwer-klient. Potrafi wiele rzeczy zrobi膰 za jednym zamachem, oraz po prostu szybciej ni偶 starsze serwery. Kolejnym b艂臋dem developer贸w jest ilo艣膰 zapyta艅, jakie wysy艂a si臋 do serwera w celu samego pobrania strony. Warto艣膰 ta powinna by膰 jak najmniejsza, wtedy czas oczekiwania na wy艣wietlenie witryny b臋dzie kr贸tszy. Dla przyk艂adu z kilku ma艂ych ikonek mo偶emy zrobi膰 jedn膮, a dzi臋ki technice sprite鈥櫭硍 odpowiednio je wy艣wietla膰. Wtedy oszcz臋dzamy serwerowi pracy.

Skontaktuj si臋 ju偶 teraz!

Wystarczy, 偶e wype艂nisz poni偶szy formularz, a z przyjemno艣ci膮 Ci pomo偶emy!



Wysy艂aj膮c wiadomo艣膰 wyra偶asz zgod臋 na przetwarzanie swoich danych osobowych zgodnie z RODO (Rozporz膮dzenie 2016/679) przez administratora danych Filipczyk.net (NIP: 5472198779) celem przygotowania oferty. Wi臋cej informacji znajdziesz w naszej polityce prywatno艣ci


Jak zoptymalizowa膰 stron臋 www

Nie polecamy robi膰 tego na w艂asn膮 r臋k臋 – mieli艣my ju偶 klient贸w, kt贸rzy my艣leli, 偶e zainstalowanie 鈥渕agicznej wtyczki鈥 do WordPressa rozwi膮zuje ca艂y problem, a sami zaoszcz臋dz膮 pieni膮dze. W efekcie stracili jedynie sw贸j czas, a tego nikt im nie odda, ani nie zap艂aci.

Oczywi艣cie wypisane wy偶ej problemy to jedynie szczyt g贸ry lodowej, kt贸ra w ka偶dym momencie mo偶e poci膮gn膮膰 za sob膮 ca艂膮 lawin臋 problem贸w zwi膮zanych z optymalizacj膮. Od razu zapewniamy i rozwiewamy mity – nie ma czego艣 jak magiczny 艣rodek na przyspieszenie strony.

Je偶eli zale偶y nam na wysokich wynikach to musimy ju偶 od pocz膮tku by膰 nastawieni na osi膮gi. A to oznacza wychodzenie pod g贸rk臋, tworzenie swojego, w pe艂ni dostosowywalnego motywu WordPress, korzystanie z najlepszych rozwi膮za艅 minifikacji plik贸w i po prostu tworzenie z g艂ow膮. Je偶eli na stronie g艂贸wnej mamy ponad 15 obrazk贸w do pobrania, to logicznym jest to, 偶e nie rozkazujemy serwerowi robi膰 tego naraz, ani czeka膰 na pobranie – niech zrobi to wed艂ug kolejno艣ci na stronie i tylko je艣li rzeczywi艣cie dany obraz powinni艣my zobaczy膰! Po co nam obrazek ze stopki strony, kiedy dopiero przegl膮damy nawigacj臋 na g贸rze strony?

Innym dobrym podej艣ciem jest zrezygnowanie z framework贸w i tworzenie (trudniejsze) na najlepszych rozwi膮zaniach. Czyli zero jQuery i m膮dre zarz膮dzanie CSSem za pomoc膮 metodologii BEM obs艂u偶onej przez SASS. Tak jak wspominali艣my, du偶膮 rol臋 odgrywa serwer – nim r贸wnie偶 nale偶y si臋 zaopiekowa膰.

Przyspieszanie stron internetowych w Proud Media

Jak przyspieszamy strony internetowe? Swoje dzia艂ania zaczynamy od wykonania audytu technicznego strony internetowej. Jest to us艂uga p艂atna, odliczana od faktury ko艅cowej w przypadku zdecydowania si臋 na nasze us艂ugi. Zak艂ada ona dok艂adne zbadanie strony przy pomocy najlepszych narz臋dzi Google oraz innych, takich jak GTMetrix. Dzi臋ki temu mamy jakie艣 okre艣lone spojrzenie na to, z czym mamy do czynienia. Po takim audycie nasz specjalista sam wchodzi w kod strony i sprawdza co tam si臋 dzieje. Je偶eli strona internetowa to katastrofa, to m贸wimy o tym klientowi i proponujemy wykonanie jej od nowa, zgodnie ze sztuk膮. Nie zale偶y nam na wykonaniu us艂ugi, kt贸ra tak naprawd臋 nic nie da, a b臋dzie tylko kosztem dla Klienta. Naszym celem jest budowanie prawdziwych relacji i wzajemna pomoc.

Zaufaj kunsztowi specjalist贸w, do艣wiadczeniu i ci膮g艂ej praktyce. Dzi臋ki nam zmienisz oblicze swojej strony internetowej, kt贸ra zamieni si臋 w demona pr臋dko艣ci. Jednym z naszych rekord贸w jest strona klienta wczytuj膮ca si臋 w czasie poni偶ej 500ms. Podkre艣l臋 tylko, 偶e ilo艣膰 obraz贸w i funkcjonalno艣ci na stronie wcale nie pomog艂a w osi膮gni臋ciu tego wyniku. Potrafimy z wczytuj膮cej si臋 3.5 sekundy i wa偶膮cej 8MB strony z 60 偶膮daniami zrobi膰 strusia p臋dziwiatra o mocy聽 < 1 sekundy, maksymalnie kilku MB i nie wi臋cej ni偶 40 偶膮daniami do serwera. Zr贸b to dla swoich potencjalnych klient贸w, zezw贸l im na u偶yteczne, mi艂e i bezstresowe sp臋dzanie czasu na swojej witrynie 馃檪 Skontaktuj si臋 z nami, a na pewno si臋 nie zawiedziesz.