{"id":216,"date":"2015-04-22T12:04:18","date_gmt":"2015-04-22T10:04:18","guid":{"rendered":"http:\/\/blog.freeline.pl\/?p=216"},"modified":"2022-06-28T09:29:02","modified_gmt":"2022-06-28T07:29:02","slug":"4-najpopularniejsze-bledy-w-budowaniu-responsywnosci","status":"publish","type":"post","link":"https:\/\/www.freeline.pl\/blog\/4-najpopularniejsze-bledy-w-budowaniu-responsywnosci\/","title":{"rendered":"4 najpopularniejsze b\u0142\u0119dy w budowaniu responsywno\u015bci"},"content":{"rendered":"<p>Responsywno\u015b\u0107 stron WWW jest dzisiaj standardem. Staje si\u0119 cech\u0105 priorytetow\u0105 dla os\u00f3b przedsi\u0119biorczych w wirtualnym \u015bwiecie. Pomimo du\u017cej popularno\u015bci responsywno\u015bci, cz\u0119sto nie udaje nam si\u0119 jednak unikn\u0105\u0107 niekt\u00f3rych b\u0142\u0119d\u00f3w.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_45 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Spis tre\u015bci<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" area-label=\"ez-toc-toggle-icon-1\"><label for=\"item-69e6938719935\" aria-label=\"Table of Content\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input  type=\"checkbox\" id=\"item-69e6938719935\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.freeline.pl\/blog\/4-najpopularniejsze-bledy-w-budowaniu-responsywnosci\/#1_Postaw_na_jakosc_a_nie_na_ilosc\" title=\"1. Postaw na jako\u015b\u0107, a nie na ilo\u015b\u0107!\">1. Postaw na jako\u015b\u0107, a nie na ilo\u015b\u0107!<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.freeline.pl\/blog\/4-najpopularniejsze-bledy-w-budowaniu-responsywnosci\/#2_Wiecej_nie_zawsze_znaczy_lepiej%E2%80%A6\" title=\"2. Wi\u0119cej nie zawsze znaczy lepiej&#8230;\">2. Wi\u0119cej nie zawsze znaczy lepiej&#8230;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.freeline.pl\/blog\/4-najpopularniejsze-bledy-w-budowaniu-responsywnosci\/#3_Czas_to_pieniadz_-_liczy_sie_szybkosc\" title=\"3. Czas to pieni\u0105dz &#8211; liczy si\u0119 szybko\u015b\u0107\">3. Czas to pieni\u0105dz &#8211; liczy si\u0119 szybko\u015b\u0107<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.freeline.pl\/blog\/4-najpopularniejsze-bledy-w-budowaniu-responsywnosci\/#4_Przez_dotyk_do_celu\" title=\"4. Przez dotyk do celu\">4. Przez dotyk do celu<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"1_Postaw_na_jakosc_a_nie_na_ilosc\"><\/span>1. Postaw na jako\u015b\u0107, a nie na ilo\u015b\u0107!<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2015\/04\/Mobile-Friendly.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\" size-full wp-image-219 aligncenter\" src=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2015\/04\/Mobile-Friendly.jpg\" alt=\"Mobile-Friendly\" width=\"564\" height=\"365\" srcset=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2015\/04\/Mobile-Friendly.jpg 564w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2015\/04\/Mobile-Friendly-300x194.jpg 300w\" sizes=\"(max-width: 564px) 100vw, 564px\" \/><\/a><\/p>\n<p>Wiadomo, \u017ce zachowanie estetyki na stronach, kt\u00f3re maj\u0105 spe\u0142nia\u0107 warunek responsywno\u015bci jest ograniczone. Chcemy przekaza\u0107 du\u017co jednak obj\u0119to\u015b\u0107 komunikat\u00f3w jest ograniczona. Ukrywanie pewnych tre\u015bci, to te\u017c nie najlepszy pomys\u0142, podobnie jak bazowanie na minimum. Co wi\u0119c mamy zrobi\u0107? Spr\u00f3bujmy to wypo\u015brodkowa\u0107 i stworzy\u0107 tre\u015bci o optymalnym rozmiarze.<!--more--><\/p>\n<h2><span class=\"ez-toc-section\" id=\"2_Wiecej_nie_zawsze_znaczy_lepiej%E2%80%A6\"><\/span>2. Wi\u0119cej nie zawsze znaczy lepiej&#8230;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Zbyt obszerny CSS ma negatywny wp\u0142yw na responsywno\u015b\u0107 naszej strony. Niestety wielu spo\u015br\u00f3d projektant\u00f3w stron, ma do niego pewien sentyment. Istniej\u0105 dwa rozwi\u0105zania, w przypadku gdy nie chcemy rezygnowa\u0107 z CSSa: mo\u017cemy go skompresowa\u0107 i zminimalizowa\u0107 lub podzieli\u0107 na dwa odr\u0119bne pliki, gdzie jeden b\u0119dzie dedykowany telefonom, a drugi wszystkim innym urz\u0105dzeniom.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"3_Czas_to_pieniadz_-_liczy_sie_szybkosc\"><\/span>3. Czas to pieni\u0105dz &#8211; liczy si\u0119 szybko\u015b\u0107<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2015\/04\/PageSpeed_Insights_-_2015-04-22_11.17.17.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\" size-full wp-image-217 aligncenter\" src=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2015\/04\/PageSpeed_Insights_-_2015-04-22_11.17.17.png\" alt=\"PageSpeed_Insights_-_2015-04-22_11.17.17\" width=\"749\" height=\"319\" srcset=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2015\/04\/PageSpeed_Insights_-_2015-04-22_11.17.17.png 749w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2015\/04\/PageSpeed_Insights_-_2015-04-22_11.17.17-300x128.png 300w\" sizes=\"(max-width: 749px) 100vw, 749px\" \/><\/a><\/p>\n<p>Ignorowanie szybko\u015bci \u0142adowania strony to kolejny z popularnych b\u0142\u0119d\u00f3w pope\u0142nianych nie tylko przez laik\u00f3w. Przej\u015bcie ze standardowej strony WWW przegl\u0105danej na pulpicie, wi\u0105\u017ce si\u0119 z ogromem zmian, tak\u017ce po\u0142\u0105czenia internetowego. <b><i>Optymalizacja pr\u0119dko\u015bci \u0142adowania strony jest niezwykle wa\u017cnym i wcale nie \u0142atwym zadaniem. Warto wi\u0119c skontaktowa\u0107 si\u0119 z osob\u0105 wyspecjalizowan\u0105 w dziedzinie tworzenia responsywnych stron internetowych. W agencji marketingowej Freeline stawiamy na profesjonalne podej\u015bcie do analizy zachowa\u0144 u\u017cytkownik\u00f3w: <a href=\"https:\/\/www.freeline.pl\/tworzenie-stron-internetowych\/\">strony internetowe Lublin<\/a>. <\/i><\/b>Zmagania z po\u0142\u0105czeniem 3G lub 2G i oczekiwanie, a\u017c strona w ko\u0144cu si\u0119 za\u0142aduje, prowadzi do frustracji, a w efekcie ko\u0144cowym nawet do opuszczenia strony. A to z pewno\u015bci\u0105 nie jest naszym celem. Warto wi\u0119c popracowa\u0107 nad pr\u0119dko\u015bci\u0105 przesy\u0142ania danych.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_Przez_dotyk_do_celu\"><\/span>4. Przez dotyk do celu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2015\/04\/tnav-touch-tablets2.png\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\" size-full wp-image-218 aligncenter\" src=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2015\/04\/tnav-touch-tablets2.png\" alt=\"tnav-touch-tablets2\" width=\"621\" height=\"321\" srcset=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2015\/04\/tnav-touch-tablets2.png 621w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2015\/04\/tnav-touch-tablets2-300x155.png 300w\" sizes=\"(max-width: 621px) 100vw, 621px\" \/><\/a><\/p>\n<p>Pomijanie faktu, \u017ce coraz wi\u0119cej os\u00f3b korzysta z ekran\u00f3w dotykowych, nie jest niczym dobrym. Tworzenie zat\u0142oczonych stron, na kt\u00f3rych przyciski funkcyjne s\u0105 trudno dost\u0119pne dla u\u017cytkownika, to nast\u0119pny kategoryczny b\u0142\u0105d, przez kt\u00f3ry mo\u017cemy straci\u0107 naprawd\u0119 wiele. Nie odstraszajmy u\u017cytkownik\u00f3w od akcji, a zach\u0119cajmy do niej, oferuj\u0105c strony z wyeksponowanymi przyciskami akcji.<\/p>\n<p>Na te i wiele innych b\u0142\u0119d\u00f3w nara\u017cone s\u0105 osoby projektuj\u0105ce responsywn\u0105 stron\u0119 WWW. Warto wi\u0119c przed rozpocz\u0119ciem przygody z responsywno\u015bci\u0105, zaczerpn\u0105\u0107 rady specjalist\u00f3w.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Responsywno\u015b\u0107 stron WWW jest dzisiaj standardem. Staje si\u0119 cech\u0105 priorytetow\u0105 dla os\u00f3b przedsi\u0119biorczych w wirtualnym<\/p>\n","protected":false},"author":1,"featured_media":219,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,8,7],"tags":[],"_links":{"self":[{"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/posts\/216"}],"collection":[{"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":5,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/posts\/216\/revisions"}],"predecessor-version":[{"id":2226,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/posts\/216\/revisions\/2226"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/media\/219"}],"wp:attachment":[{"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/media?parent=216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/categories?post=216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/tags?post=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}