Musisz pami\u0119ta\u0107, \u017ce cachowanie dzia\u0142a tylko przy w\u0142\u0105czonej opcji fullpageCache<\/strong>. Dodatkowo cachowane s\u0105 tylko zapytania query typu “GET”, podczas gdy Apollo GQ domy\u015blnie wysy\u0142a zapytania typu “POST”. Dlatego te\u017c pierwsz\u0105 zmian\u0105 jak\u0105 b\u0119dziesz musia\u0142 wprowadzi\u0107 to zmiana przesy\u0142anych query. Poza tym, Apollo GraphQL dostarcza nam kilka narz\u0119dzi i funkcji do optymalizacji obs\u0142ugi zapyta\u0144 w Magento 2:<\/p>\n

\n
• InMemoryCache<\/strong><\/li>\n
• Zarz\u0105dzanie cachem \u2013 Fetch Policy<\/strong><\/li>\n
• Biblioteka persistCache<\/strong><\/li>\n
• Definiowanie middleware’\u00f3w do zapyta\u0144 GraphQL-a<\/strong><\/li>\n<\/ul>\n

  InMemoryCache<\/h4>\n

  Dzi\u0119ki temu komponentowi w oknie przegl\u0105darki zapisywane s\u0105 dane, kt\u00f3re zosta\u0142y ju\u017c raz pobrane. Sprawia to, \u017ce u\u017cytkownik wracaj\u0105cy na dan\u0105 stron\u0119 nie musi znowu wysy\u0142a\u0107 zapyta\u0144 do backendu, dane zostaj\u0105 mu natychmiastowo wyrenderowane. Dzi\u0119ki temu narz\u0119dziu mo\u017cesz zacachowa\u0107 ca\u0142e zapytania lub poszczeg\u00f3lne obiekty<\/strong>. Ponadto, dla ka\u017cdego obiektu mo\u017cesz zdefiniowa\u0107 klucz wed\u0142ug kt\u00f3rego dany obiekt b\u0119dzie cachowany.<\/p>\n

  Zarz\u0105dzanie cachem z fetchPolicy<\/h4>\n

  Jest to narz\u0119dzie do definiowania polityki cachowania dla ka\u017cdego zapytania query. Masz dost\u0119p do kilku predefiniowanych schemat\u00f3w:<\/p>\n

  \n
  • cache-first<\/strong> \u2013 domy\u015blna polityka cachowania dla Apollo. To ustawienie koncentruje si\u0119 bardziej na szybkim dostarczaniu odpowiedzi na zapytania, ni\u017c na pobieraniu najbardziej aktualnych danych.<\/li>\n
  • cache-and-network<\/strong> \u2013 ta polityka k\u0142adzie nacisk na balans pomi\u0119dzy szybkim czasie odpowiedzi i aktualizowaniem danych w cache’u<\/li>\n
  • network-only<\/strong> \u2013 polityka maj\u0105ca na celu aktualizacje danych i dostarczanie najaktualniejszych informacji do cache’a kosztem czasu wysy\u0142ania odpowiedzi<\/li>\n
  • cache-only\u00a0\u00a0<\/strong>\u2013 polityka, kt\u00f3ra dostarcza dane z serweru bez aktualizowania ich.<\/li>\n
  • no-cache\u00a0<\/strong>\u2013 polityka podobna do “network-only”. Jedyn\u0105 r\u00f3\u017cnic\u0105 jest pomini\u0119cie aktualizacji danych.<\/li>\n<\/ul>\n

    Wszystkie dane dotycz\u0105ce polityki cachowania s\u0105 przetrzymywane w pami\u0119ci podr\u0119cznej: po od\u015bwie\u017ceniu lub zamkni\u0119ciu i otwarciu strony musimy pobra\u0107 je ponownie.<\/p>\n

    Biblioteka persistCache<\/h4>\n

    Biblioteka ta pozwala dynamicznie przenosi\u0107 zawarto\u015b\u0107 przechowywan\u0105 w InMemoryCache do modu\u0142u<\/strong> localstorage<\/strong><\/em>. Natomiast przy ponownym uruchomieniu strony dane przenosi si\u0119 z modu\u0142u do InMemoryCache jako stan pocz\u0105tkowy cache’a.<\/p>\n

    Definiowanie middleware’\u00f3w do zapyta\u0144 GrahpQl-a<\/h4>\n

    Apollo GraphQL pozwala m.in. zdefiniowa\u0107 middleware’a (oprogramowania po\u015brednicz\u0105cego w komunikacji pomi\u0119dzy r\u00f3\u017cnymi aplikacjami\/systemami), kt\u00f3ry b\u0119dzie funkcj\u0105 odpowiedzialn\u0105 za autoryzowanie zapyta\u0144<\/strong>. Mo\u017ce to Ci pom\u00f3c w przypadku, gdy pojawia si\u0119 problem z za\u0142adowaniem Twojej strony. Wtedy zamiast powiadomienia o b\u0142\u0119dzie \u0142adowania, mo\u017cesz tak skonfigurowa\u0107 middleware’a, aby wymusi\u0142 on ponowne za\u0142adowanie zapyta\u0144 po okre\u015blonym odst\u0119pie czasu, podczas gdy u\u017cytkownikowi nadal prezentowana b\u0119dzie strona \u0142adowania.<\/p>\n

    Musisz pami\u0119ta\u0107, \u017ce aby uzyska\u0107 dost\u0119p do us\u0142ug oferowanych przez Apollo GraphQL potrzebujemy skonfigurowa\u0107 Magento PWA Studio<\/strong>. Pozwoli to na dalsz\u0105 optymalizacj\u0119 zapyta\u0144 GraphQL i komunikacj\u0119 server-client w Magento 2.<\/p>\n

    Optymalizacja Magento 2: Zalety korzystania z GraphQL<\/h2>\n

    Przy por\u00f3wnaniu obs\u0142ugi zapyta\u0144 przez oba j\u0119zyki, mo\u017cesz zauwa\u017cy\u0107 pewnie korzy\u015bci po stronie GraphQL-a.<\/p>\n

    \n
    • Dzi\u0119ki podzieleniu query na gatunki, zmniejsza si\u0119 ilo\u015b\u0107 danych, kt\u00f3re u\u017cytkownik musi pobra\u0107<\/strong> podczas korzystania ze sklepu.<\/li>\n
    • Mniejsza liczba endpoint\u00f3w i zapyta\u0144 wysy\u0142anych do backendu odci\u0105\u017ca baz\u0119 danych<\/strong>.<\/li>\n
    • Zwi\u0119kszona kontrola nad rodzajem i ilo\u015bci\u0105 pobieranych danych i wysy\u0142anych zapyta\u0144<\/strong>.<\/li>\n
    • Dzi\u0119ki zagnie\u017cd\u017caniu i \u0142\u0105czeniu query skraca si\u0119 czas pracy programisty<\/strong> i zostaje przy\u015bpieszona komunikacja mi\u0119dzy serwerem a klientem<\/strong> witryny.<\/li>\n
    • Magento umo\u017cliwia zdefiniowanie zapyta\u0144 i schemat\u00f3w wed\u0142ug, kt\u00f3rych dzia\u0142aj\u0105, co sprawia, \u017ce mo\u017cesz zoptymalizowa\u0107 logik\u0119 serwera typowo do Twoich potrzeb<\/strong>.<\/li>\n
    • Z wykorzystaniem Apollo GraphQL jeste\u015b w stanie ustali\u0107 regu\u0142y cachowania zapyta\u0144, usprawni\u0107 przep\u0142yw danych i zwi\u0119kszy\u0107 wydajno\u015b\u0107 strony<\/strong>.<\/li>\n<\/ul>\n

      Jak wida\u0107 GraphQL oferuje bardziej elastyczne i wydajne rozwi\u0105zania optymalizacji aplikacji na Magento 2. Podobnie jak sama platforma, kt\u00f3ra przyci\u0105ga setki tysi\u0119cy biznes\u00f3w swoimi mo\u017cliwo\u015bciami dog\u0142\u0119bnej i szczeg\u00f3\u0142owej rozbudowy i personalizacji, tak i j\u0119zyk zapyta\u0144 GraphQL dostarcza szereg ulepsze\u0144 i szans na optymizacj\u0119, kt\u00f3re mo\u017cesz dopasowa\u0107 do Twoich potrzeb biznesowych.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Je\u015bli mieliby\u015bmy wyci\u0105gn\u0105\u0107 jak\u0105\u015b nauk\u0119 z dziedziny IT z pewno\u015bci\u0105 dotyczy\u0142aby ona tego, \u017ce ka\u017cde rozwi\u0105zanie zawsze mo\u017cna usprawni\u0107. Nie zawsze b\u0119dzie to du\u017ca zmiana, ale niemniej Twoje rozwi\u0105zanie stanie si\u0119 bardziej zoptymalizowane. Post\u0119p w IT nie nast\u0119puje w paru du\u017cych skokach wydajno\u015bci. Przewa\u017caj\u0105c\u0105 norm\u0105 jest cierpliwy, ale pewny i nieust\u0119puj\u0105cy post\u0119p \u2013 to on […]<\/p>\n","protected":false},"author":12,"featured_media":6296,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[18,10],"yoast_head":"\n