Optymalizacja wydajności strony Next.JS
O projekcie — agregator biletów lotniczych dla rynku portugalskiego. Wymagana optymalizacja wydajności kluczowych stron serwisu.
⚠️ Ważne: W tej sprawie już prowadzono prace. Należy przeanalizować projekt, zbadać co już zrobiono i co pozostało do zrobienia, zanim przystąpimy do realizacji.
Informacje techniczne
- Framework: Next.js 14 (App Router)
- Hosting: Vercel
- Architektura: Monorepo dla wszystkich domen (80 domen, średnio 2 języki na domenę)
- Docker & Redis: Należy wdrożyć na naszym oddzielnym serwerze (serwer jest, konfiguracja prosta)
- CDN: Cloudflare
- Skala: Tysiące stron do generacji SSG
- Geolokalizacja API: Już zintegrowana
- Dokumentacja: Jest w projekcie
Co należy zrobić
1. Usunąć wszystkie błędy
0 błędów runtime/console i ostrzeżeń na stronach:
- Home
- Flights
- Cheap Flights Anywhere
- Destinations (wszystkie poziomy: kontynenty, kraje, miasta)
2. Zminimalizować początkową wagę strony
Wszystkie opcjonalne komponenty (kalendarz, modale, menu mobilne/desktopy itp.) powinny być ładowane tylko na działanie użytkownika.
Celem jest zmniejszenie rozmiaru początkowego pakietu i przyspieszenie ładowania strony.
3. Optymalizować pliki miast i krajów
Istnieją 2 duże pliki JSON z danymi miast i krajów (dużego rozmiaru, wymagają optymalizacji):
/data/cities/data/countries
Wymagane:
- Skonfigurować ładowanie tych plików przez Docker i Redis
- Zapewnić szybkie dostarczanie danych na strony
- Nie włączać tych JSON do ogólnego pakietu klienckiego
4. Zrealizować SSG dla stron Destinations
⚠️ Ważne: Należy wcześniej omówić architekturę, ponieważ w przyszłości będziemy tam przechowywać wszystkie kraje i miasta dla wszystkich domen we wszystkich językach.
Co należy zrealizować:
Wdrożyć SSG (Static Site Generation) dla stron Destinations
- Generować statyczne strony dla wszystkich tras
- Skonfigurować SSG dla kontynentów/krajów/miast
API zapytania w SSG dla dynamicznej treści
- Strony są dynamiczne i wymagają ładowania treści
- Przy SSG: początkowo brać miasto z domeny (na przykład, Lizbona dla tickets.pt)
- Przy odwiedzinach strony przez użytkownika: brać jego aktualną lokalizację (funkcjonalność określania lokalizacji już zrealizowana)
Kryteria akceptacji
Docelowe metryki wydajności (Google PageSpeed Insights):
- Strony miast i krajów: Zielona strefa (obowiązkowo)
- Strona główna: Zielona strefa (cel), dopuszczalna żółta strefa
Aktualny stan: Indeks wydajności strony w czerwonej strefie
Potwierdzenie, że:
✅ Wszystkie błędy usunięte — 0 błędów console i ostrzeżeń na wskazanych stronach
✅ Opcjonalne komponenty przekształcone w ładowanie — kalendarze, modale, menu ładują się tylko na działanie użytkownika
✅ JSON miast i krajów zoptymalizowane — dane ładowane przez Docker i Redis, nie trafiają do pakietu klienckiego i serwerowego
✅ SSG skonfigurowany dla Destinations — statyczne strony generowane z uwzględnieniem lokalizacji z domeny, z możliwością dynamicznego ładowania według geolokalizacji użytkownika
✅ Metryki wydajności osiągnięte — zielona strefa na stronach miast/krajów, minimum żółta na stronie głównej
Co oczekujemy od wykonawcy
- Analiza aktualnego stanu — ocena zakresu prac, badanie już wykonanych
- Propozycja architektury dla stron SSG Destinations (punkt 4)
- Etapowa realizacja z raportowaniem zadań
- Testowanie na wszystkich wskazanych stronach
- Dokumentacja dotycząca wprowadzonych zmian
Warunki pracy
Wynagrodzenie: 12 USD za godzinę
Format pracy:
- Raportowanie zadań
- Code review obowiązkowe (prowadzi CTO)
- Komunikacja w trakcie pracy
Wymagania:
- Doświadczenie z Next.js 14 App Router
- Doświadczenie w pracy z Docker, Redis, Cloudflare CDN
- Znajomość SSG i optymalizacji wydajności
- Doświadczenie w pracy z monorepo
- Zrozumienie metryk Google PageSpeed Insights
- Podpisanie NDA obowiązkowe
Terminy i następne kroki
Prosimy o podanie:
- Kiedy są gotowi do rozpoczęcia
- Ocena czasu realizacji (w godzinach)
- Doświadczenie w pracy z podobnymi zadaniami
Jesteśmy gotowi omówić szczegóły, udostępnić dostęp do repozytorium i odpowiedzieć na pytania!
-
481 1 0 dnia! Jesteśmy agencją Netly, specjalizujemy się w tworzeniu i optymalizacji rozwiązań webowych na stosie Next.js, React, TailwindCSS, Python (FastAPI, Flask) i pracujemy z PostgreSQL, Docker, Redis, Cloudflare. Mamy znaczące doświadczenie w monorepozytoriach, konfiguracji SSG, optymalizacji PageSpeed oraz integracji cache przez Docker/Redis.
Jesteśmy gotowi rozpocząć analizę Twojego projektu już w ciągu 1-2 dni, ocenić zakres prac i przedstawić szczegółowy plan. Wstępnie szacujemy, że usunięcie błędów konsoli, wdrożenie dynamicznego ładowania komponentów, optymalizacja dużych plików JSON oraz konfiguracja SSG zajmie około 80-100 godzin. Po zatwierdzeniu architektury będziemy pracować etapami z codziennym raportowaniem i przeglądem kodu zgodnie z wymaganiami Twojego CTO.
Już pomyślnie optymalizowaliśmy podobne projekty na Next.js 13/14, pracowaliśmy z Docker, Redis i Cloudflare, osiągając zieloną strefę w Google PageSpeed Insights dla dużych katalogów. Jesteśmy gotowi podpisać NDA i dostarczyć wszelką niezbędną dokumentację.
Nasza strona: https://netly-agency.com
Będę zadowolony, aby omówić szczegóły.
-
326 Dzień dobry! 👋
Jestem programistą frontendowym z ponad 3-letnim doświadczeniem w Next.js 14 (App Router), Dockerze, Redis, Cloudflare oraz optymalizacji wydajności. Mam doświadczenie w redukcji bundla, lazy-loading komponentów, przenoszeniu dużych JSON-ów do cache, konfiguracji SSG oraz osiąganiu zielonej strefy PageSpeed.
Jestem gotów przeprowadzić audyt obecnego stanu, zaproponować architekturę SSG dla Destinations i etapowo wdrożyć optymalizację z dokumentacją i testami.
Jestem gotów pracować za 12 USD/godz. i podpisać NDA.
· Portfolio: https://globalmap.github.io/project-list/
-
612 21 0 Cześć! Mogę zrealizować Twój projekt. Mam doświadczenie. Pisz, dogadamy się.
-
129 Witaj
Dziękujemy za możliwość złożenia propozycji dotyczącej optymalizacji wydajności Twojej platformy agregatora biletów lotniczych. Skoncentrujemy się na eliminacji błędów, redukcji początkowej wagi strony, optymalizacji danych miast/krajów oraz wdrożeniu Generacji Statycznych Stron (SSG) dla stron destynacji. Nasze podejście obejmuje:
Eliminacja błędów: Naprawa błędów runtime/console na kluczowych stronach (Strona główna, Loty, Destynacje).
Minimalizacja wagi strony: Zapewnienie, że opcjonalne komponenty (kalendarz, modale, menu) ładują się tylko po interakcji użytkownika.
Optymalizacja danych miast i krajów: Przeniesienie dużych plików JSON do Dockera i Redis w celu szybkiego ładowania po stronie serwera.
… SSG dla stron destynacji: Wdrożenie SSG do generowania statycznych stron dla kontynentów, krajów i miast z dynamicznym ładowaniem treści na podstawie geolokalizacji.
Szacowany czas: 80-100 godzin
Stawka godzinowa: 12 USD/godzinę
Szacowany koszt: 960 - 1200 USD
Jesteśmy pewni naszej zdolności do osiągnięcia Twoich celów wydajnościowych i czekamy na omówienie kolejnych kroków.
-
307 Cześć.
Mam głęboką wiedzę na temat Next.js 14 (App Router), optymalizacji wydajności i skalowalnych architektur, co czyni mnie idealnym kandydatem do Twojego projektu dotyczącego agregatora biletów lotniczych. Skutecznie optymalizowałem aplikacje o dużej skali z tysiącami stron SSG, pamięcią podręczną Redis i integracją z CDN (Cloudflare/Vercel), osiągając najwyższe wyniki wydajności w Google PageSpeed Insights. W Twoim projekcie rozpocznę od kompleksowej analizy obecnej realizacji, określę, co już zostało zrobione i co pozostało do wykonania. Mogę zapewnić ładowanie na żądanie dla dodatkowych komponentów, optymalizację dużych zbiorów danych JSON za pomocą Docker + Redis oraz czystą architekturę SSG dla adresów docelowych z obsługą wielojęzycznych domen. Mój proces obejmuje etapowe wdrażanie, szczegółowe raportowanie i staranne testowanie, zapewniając brak błędów/ostrzeżeń w konsoli i stabilną wydajność w „zielonej strefie”. Dzięki mojemu doświadczeniu w pracy z monorepozytoriami i złożonymi wdrożeniami mogę zagwarantować gotowe do eksploatacji rozwiązanie, które spełnia zarówno cele techniczne, jak i biznesowe.
-
1263 2 1 Dobry wieczór!
Jestem gotów pomóc w realizacji bieżących zadań, a także kolejnych poprawek funkcjonalności.
Z podanym stosem pracuję na co dzień.
Będę wdzięczny za zapoznanie się z aktualną architekturą/bazą kodu i zaproponowanie optymalnych rozwiązań zarówno pod względem czasu, jak i zasobów.
Dziękuję za odpowiedź
ps:
- jestem gotów rozpocząć w ciągu następnego dnia, po uzgodnieniu
- po przeglądzie i zapoznaniu się z bazą kodu/architekturą
… - na żądanie udostępnię linki
-
205 Dzień dobry!
Mam doświadczenie w optymalizacji wydajności aplikacji webowych na Next.js (App Router, najnowsze wersje), pracy z Dockerem, Redisem oraz Cloudflare CDN, a także w konfiguracji SSG dla dużych zbiorów stron w monorepozytoriach. Realizowałem podobne zadania, w tym usuwanie błędów i ostrzeżeń z konsoli, przekształcanie opcjonalnych komponentów na dynamiczne ładowanie w celu zmniejszenia początkowego pakietu, optymalizację dużych plików JSON za pomocą Redis i Dockera bez włączania ich do pakietu klienckiego, a także konfigurację SSG dla tysięcy dynamicznych stron z ładowaniem treści na podstawie geolokalizacji użytkownika. Mam doświadczenie w osiąganiu docelowych metryk wydajności Google PageSpeed Insights.
Jestem gotów rozpocząć od razu po uzyskaniu dostępu do repozytorium. Orientacyjna ocena czasu na pełną realizację wszystkich punktów - 60-80 godzin.
Doświadczenie zdobyłem przy Interaktywnej platformie do rezerwacji wycieczek - aplikacji webowej na React + TypeScript z interaktywnymi mapami, interfejsem drag-and-drop do wyboru tras, osobistym kontem użytkownika oraz panelem administracyjnym. Zrealizowano optymalizację wydajności poprzez lazy-loading komponentów, integrację analityki oraz system SSG dla stron wycieczek.
-
Здрастуйте я готов обсудить если сможем работать по фикс-цене
-
Напишите в лс пожалуйста
-
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Optymalizacja Core Web Vitals (OpenCart) pod Google PageSpeed — Wersje mobilna i PCOpis zamówienia: Poszukujemy doświadczonego frontend-dewelopera/specjalisty od OpenCart do optymalizacji szybkości ładowania strony (kategorie i karty produktów) zgodnie z wymaganiami Google Core Web Vitals. O projekcie: * CMS: OpenCart. * Specyfika: Strona działa w trybie… Content Management Systems, Javascript & Typescript ∙ 2 dni 12 godzin temu ∙ 18 ofert |
Optymalizacja prędkości strony WordPress
429 PLN
Pełne szczegóły prześlemy w wiadomościach prywatnych Cel Maksymalne przyspieszenie ładowania strony, szczególnie na urządzeniach mobilnych. KPI (obowiązkowe) Po zakończeniu prac należy osiągnąć następujące wskaźniki. Mobile Performance 90+ LCP mniej niż 2.2 sek INP mniej niż… Układ HTML i CSS, Javascript & Typescript ∙ 3 dni 7 godzin temu ∙ 66 ofert |
Szukamy programisty Odoo — samodzielnego dewelopera z doświadczeniem w programowaniu na Odoo 19 Community EditionTo jest roboczy, czysto zaprojektowany projekt na Odoo 19 Community — CRM dla ukraińskiego hotelu, już w infrastrukturze produkcyjnej. Nie planujemy przepisywać od zera. Szukamy jednej osoby, która przejmie projekt, zachowa działające i poprowadzi go dalej: najpierw CRM → potem… Javascript & Typescript, Programowanie stron internetowych ∙ 5 dni 9 godzin temu ∙ 3 oferty |
Szukam doświadczonego programisty Full Stack do stworzenia usługi SaaS dla sklepów internetowych.Pomysł usługi: Klient przesyła link do swojego pliku produktowego (XML lub CSV). Usługa automatycznie pobiera produkty, pobiera ich zdjęcia i tworzy nowe reklamy na podstawie gotowych szablonów: cena, zniżka, logo, banery promocyjne itp. Usługa powinna również zawierać prosty… Javascript & Typescript, Programowanie stron internetowych ∙ 6 dni 15 godzin temu ∙ 87 ofert |
Rozwój sceny WebGL/Three.js z generowaniem i eksportem 3D (snapshot) z animowanego shaderaOpis obiektu: Projekt przedstawia designerski stół, wykonany w formie realistycznego, głębokiego wiru (centralna wirówka, która płynnie przechodzi z szerokiego poziomego blatu w cienką, elegancką nogę). Istota zadania: Wymagany jest programista WebGL / Creative Coding do… Javascript & Typescript, Programowanie stron internetowych ∙ 7 dni 11 godzin temu ∙ 30 ofert |