Stwórz nowoczesną ilustrację wektorową, która przedstawia problematykę wolno działającej strony internetowej i proces diagnostyki oraz optymalizacji wydajności. Wymiary i format: - Rozmiar: 800px × 600px - Współczynnik proporcji: 4:3 - Format: SVG - Viewbox: "0 0 800 600" - Styl: Flat design z delikatnymi cieniami dla głębi - Minimalistyczny, ale informacyjny charakter Ilustracja powinna zawierać: - Centralny element: Ekran komputera/laptopa pokazujący stronę internetową w trakcie ładowania (z paskiem postępu lub ikoną ładowania) - Wizualne przedstawienie czynników wpływających na wydajność strony: - Serwer hostingowy (stylizowana wieża serwera) - Baza danych (ikona bazy danych z wolnymi zapytaniami) - Duże obrazy i pliki (ikony reprezentujące ciężkie zasoby) - Cache (ikona pamięci z symbolem przyspieszenia) - Zewnętrzne skrypty (strzałki wchodzące do strony z zewnątrz) - Strzałki procesowe pokazujące ścieżkę optymalizacji od wolnej do szybkiej strony - Wskaźnik prędkości (speedometer) pokazujący przejście od czerwonego (wolno) do zielonego (szybko) - Narzędzia diagnostyczne (stylizowana lupa nad kodem lub ikonami narzędzi jak PageSpeed Insights) Kolorystyka: - Główne kolory: odcienie niebieskiego (#0056b3) jako kolor dominujący marki IQHost - Elementy problematyczne: odcienie pomarańczowego/czerwonego (#ff6600, #cc0000) dla oznaczenia wąskich gardeł wydajności - Elementy optymalizacji: odcienie zielonego (#00aa55) dla oznaczenia rozwiązań i usprawnień - Elementy neutralne i tło: odcienie szarości i bieli (#f8f8f8, #e6e6e6, #333333) - Akcentowanie: żółty (#ffd700) dla podkreślenia ważnych elementów Styl i nastrój: - Profesjonalny i techniczny, ale przyjazny dla użytkownika - Czytelna koncepcja optymalizacji jako procesu złożonego z kilku etapów - Metafora wizualna "odchudzania" lub "przyspieszania" strony - Subtelna siatka lub kropki w tle dla podkreślenia technicznego charakteru Szczegóły do uwzględnienia: - Małe ikony reprezentujące różne aspekty optymalizacji: - Kompresja obrazów (ikona zdjęcia ze strzałką kompresji) - Minifikacja kodu (ikona pliku kodu z symbolem zmniejszania) - Cache (ikona pamięci podręcznej) - CDN (globalna sieć dystrybucji treści) - Optymalizacja bazy danych (ikona bazy z symbolem przyśpieszenia) - Panel sterowania lub pulpit z wskaźnikami wydajności - Symbole czasu ładowania (małe zegary lub stopery)