{"id":263,"date":"2017-10-16T17:30:10","date_gmt":"2017-10-16T15:30:10","guid":{"rendered":"http:\/\/glancu.com\/blog\/?p=263"},"modified":"2018-06-15T22:02:34","modified_gmt":"2018-06-15T20:02:34","slug":"sposoby-na-przyspieszenie-strony-internetowej","status":"publish","type":"post","link":"https:\/\/glancu.com\/blog\/sposoby-na-przyspieszenie-strony-internetowej\/","title":{"rendered":"Sposoby na przyspieszenie strony internetowej"},"content":{"rendered":"

Cze\u015b\u0107! Dzisiaj podpowiem Ci par\u0119 „tip\u00f3w” na temat przyspieszenia Twojej strony internetowej. Zapraszam!<\/p>\n

<\/p>\n

W dzisiejszych czasach musisz zadba\u0107 o to \u017ceby Twoja strona \u0142adowa\u0142a si\u0119 do\u015b\u0107 szybko tak, aby nikt nie musia\u0142 czeka\u0107 nie wiadomo ile czasu na przejrzenie zawarto\u015bci. Zapraszam do najwa\u017cniejszej cz\u0119\u015bci tego wpisu!<\/p>\n

Optymalizacja zdj\u0119\u0107<\/h3>\n

Dzisiaj na stronach znajdujemy wiele obrazk\u00f3w. Niestety niekt\u00f3re z nich nie s\u0105 zoptymalizowane, przez co strona si\u0119 \u0142aduje znacznie d\u0142u\u017cej. Musisz mie\u0107 r\u00f3wnie\u017c na uwadze, \u017ce Twoja strona mo\u017ce by\u0107 przegl\u0105dana na telefonach kom\u00f3rkowych, a tam mamy ograniczony transfer internetu (wi\u0119c po co go komu\u015b zabiera\u0107, skoro mo\u017cemy zoptymalizowa\u0107 zdj\u0119cia).<\/p>\n

Co optymalizacji zdj\u0119\u0107 polecam TinyJPG<\/a> b\u0105d\u017a Optimizilla<\/a>. S\u0105 to bardzo proste narz\u0119dzia, kt\u00f3re pozwol\u0105 Ci zmniejszy\u0107 wag\u0119 zdj\u0119cia do do\u015b\u0107 niewielkich rozmiar\u00f3w.<\/p>\n

Optymalizacja plik\u00f3w css i js<\/h3>\n

Nie tylko zdj\u0119cia mog\u0105 du\u017co wa\u017cy\u0107, ale r\u00f3wnie\u017c trzeba pami\u0119ta\u0107 o plikach css lub js. Niby nie wa\u017c\u0105 wiele, ale mo\u017cemy je r\u00f3wnie\u017c zoptymalizowa\u0107 i dzi\u0119ki temu r\u00f3wnie\u017c zaoszcz\u0119dzi\u0107 transfer osoby, kt\u00f3ra chce stron\u0119 odwiedzi\u0107.<\/p>\n

Jak optymalizowa\u0107 takie pliki? Przez bardzo \u0142atwy spos\u00f3b jakim jest usuwania bia\u0142ych znak\u00f3w, niepotrzebnych linii, lub komentarzy. Dzi\u0119ki temu kod jest mniejszy i strona si\u0119 szybciej za\u0142aduje.<\/p>\n

Do usuwania bia\u0142ych znak\u00f3w polecam zajrze\u0107 na\u00a0textfixer<\/a> i sprawdzi\u0107 jak to dzia\u0142a.<\/p>\n

\u0141adowanie skrypt\u00f3w asynchronicznie<\/h3>\n

Tak samo jak pobieranie plik\u00f3w js mo\u017ce troch\u0119 potrwa\u0107 przez niezoptymalizowany kod tak przez to mo\u017ce strona \u0142adowa\u0107 si\u0119 zdecydowanie d\u0142u\u017cej. Polecam skorzysta\u0107 z \u0142adowania plik\u00f3w asynchronicznie. Wystarczy dopisa\u0107 do kodu, kt\u00f3ry \u0142aduje plik js s\u0142owo\u00a0async.\u00a0<\/strong>Prosty przyk\u0142ad:<\/p>\n

<script src=”js\/main.js” async><\/script><\/p>\n

Jak widzisz spos\u00f3b jest banalny, a dzi\u0119ki niemu mo\u017cesz zaoszcz\u0119dzi\u0107 czas \u0142adowania si\u0119 Twojej strony.<\/p>\n

Dodatkowe ikony<\/h3>\n

Pewnie nie raz spotka\u0142e\u015b\/a\u015b si\u0119 z ikonami na stronie internetowej. Je\u017celi korzystasz z boostrapa to masz je w pakiecie. Mo\u017cesz r\u00f3wnie\u017c pobra\u0107 inne ikony (ja polecam\u00a0fontawesome<\/a>). Plusami takich ikon jest ich waga. Kiedy\u015b je\u017celi chcia\u0142e\u015b mie\u0107 takie ikony to by\u0142y one jako zwyk\u0142y obrazek zapisany w formacie .png, a teraz mamy do dyspozycji wiele ikon, kt\u00f3re wa\u017c\u0105 do\u015b\u0107 niewiele jak na ilo\u015b\u0107 oferowanych ikon.<\/p>\n

Cache<\/h3>\n

Cache jest dobrym rozwi\u0105zaniem do zapisywania tam danych. Dzi\u0119ki temu je\u017celi zapiszemy pliki tam raz to podczas odwiedzania strony nie musimy na nowo pobiera\u0107 plik\u00f3w jeszcze raz (co przek\u0142ada si\u0119 oczywi\u015bcie na pobieranie mniejszej ilo\u015bci danych i zu\u017cytego transferu).<\/p>\n

Je\u017celi korzystasz z WordPressa to bez problemu znajdziesz gotowe wtyczki, kt\u00f3re wystarczy uruchomi\u0107.<\/p>\n

Fonty<\/h3>\n

Je\u017celi chodzi o fonty to z nimi te\u017c jest ju\u017c do\u015b\u0107 rozbudowana sprawa. Mamy ich ju\u017c tyle do dyspozycji, \u017ce chyba znajdziesz co\u015b dla siebie. Mo\u017cesz r\u00f3wnie skorzysta\u0107 z gotowych paczek. Niestety ma to swoj\u0105 wad\u0119. Je\u017celi nadal nie bardzo wiesz o co chodzi to wad\u0105 jest to, \u017ce raczej nie wszystkie fonty wykorzystasz jednocze\u015bnie na jednej stronie. Przez co znowu tracimy niepotrzebnie transfer naszych klient\u00f3w\/odbiorc\u00f3w na pobieranie niepotrzebnych plik\u00f3w. Taj\u017ce warto sprawdza\u0107, czy na pewno fonty, kt\u00f3re mamy importowane s\u0105 wykorzystywane na stronie.<\/p>\n

Podsumowanie<\/h3>\n

Jak widzisz dziedzina optymalizacji nie jest trudna. Wystarczy trzyma\u0107 si\u0119 kilku kluczowych aspekt\u00f3w i strona powinna si\u0119 \u0142adowa\u0107 do\u015b\u0107 szybko. Oczywi\u015bcie to co wymieni\u0142em wy\u017cej to nie wszystko, ale idealny pocz\u0105tek na optymalizacj\u0119.<\/p>\n

Dzi\u0119kuj\u0119 Ci za przeczytanie mojego wpisu. Mam nadziej\u0119, \u017ce moje rady w jaki\u015b spos\u00f3b pomog\u0105 Ci przyspieszy\u0107 stron\u0119 i zobaczysz go\u0142ym okiem wyniki. Zapraszam Ci\u0119 na mojego twittera<\/a> i facebooka<\/a> je\u017celi chcesz by\u0107 na bie\u017c\u0105co z nowymi wpisami na moim blogu. Cze\u015b\u0107!<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

Cze\u015b\u0107! Dzisiaj podpowiem Ci par\u0119 „tip\u00f3w” na temat przyspieszenia Twojej strony internetowej. Zapraszam!<\/div>\n","protected":false},"author":31241,"featured_media":265,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[261],"tags":[57,33,101,56],"class_list":["post-263","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-internetowa","tag-jak","tag-optymalizowac","tag-strone"],"better_featured_image":{"id":265,"alt_text":"","caption":"","description":"","media_type":"image","media_details":{"width":2000,"height":2000,"file":"2017\/10\/Antu_org.kde_.plasma.timer_.svg_.png","sizes":{"thumbnail":{"file":"Antu_org.kde_.plasma.timer_.svg_-440x290.png","width":440,"height":290,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/Antu_org.kde_.plasma.timer_.svg_-440x290.png"},"medium":{"file":"Antu_org.kde_.plasma.timer_.svg_-300x300.png","width":300,"height":300,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/Antu_org.kde_.plasma.timer_.svg_-300x300.png"},"medium_large":{"file":"Antu_org.kde_.plasma.timer_.svg_-768x768.png","width":768,"height":768,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/Antu_org.kde_.plasma.timer_.svg_-768x768.png"},"large":{"file":"Antu_org.kde_.plasma.timer_.svg_-1100x1100.png","width":1100,"height":1100,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/Antu_org.kde_.plasma.timer_.svg_-1100x1100.png"},"gazana_hd":{"file":"Antu_org.kde_.plasma.timer_.svg_-1920x1920.png","width":1920,"height":1920,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/Antu_org.kde_.plasma.timer_.svg_-1920x1920.png"},"gazana_standard":{"file":"Antu_org.kde_.plasma.timer_.svg_-1100x640.png","width":1100,"height":640,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/Antu_org.kde_.plasma.timer_.svg_-1100x640.png"},"gazana_square":{"file":"Antu_org.kde_.plasma.timer_.svg_-1100x1100.png","width":1100,"height":1100,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/Antu_org.kde_.plasma.timer_.svg_-1100x1100.png"},"gazana_grid":{"file":"Antu_org.kde_.plasma.timer_.svg_-530x380.png","width":530,"height":380,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/Antu_org.kde_.plasma.timer_.svg_-530x380.png"},"gazana_list":{"file":"Antu_org.kde_.plasma.timer_.svg_-530x640.png","width":530,"height":640,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/Antu_org.kde_.plasma.timer_.svg_-530x640.png"},"gazana_masonry":{"file":"Antu_org.kde_.plasma.timer_.svg_-530x530.png","width":530,"height":530,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/Antu_org.kde_.plasma.timer_.svg_-530x530.png"},"gazana_mini":{"file":"Antu_org.kde_.plasma.timer_.svg_-100x100.png","width":100,"height":100,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/Antu_org.kde_.plasma.timer_.svg_-100x100.png"}},"image_meta":{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","keywords":[]}},"post":263,"source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/Antu_org.kde_.plasma.timer_.svg_.png"},"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t