1 тб-дан 12 мб-қа дейінгі сайт трафигін оңтайландыру

Сайттың өнімділігі кез келген онлайн-бизнестің табысы үшін маңызды факторлардың бірі болып табылады. Егер сайт баяу жұмыс істесе және пайдаланушы сұраныстарына дұрыс жауап бермесе, бұл келушілердің жоғалуына және компанияның кірістерінің азаюына әкелуі мүмкін. Осы мақалада біз сізбен сайттың жүктелу мәселелеріндегі ең жиі кездесетін проблемалар мен олардың шешімдерін бөліскіміз келеді.

Біз eurasiametaverse.com порталын жасап шығару кезінде бірнеше мәселелерге тап болдық, атап айтқанда оптимизация мәселесі. Оптимизацияны шешу кезінде біз елемей алмайтын екі негізгі фактор болды:

1 - планеталардың ауыр 3D модельдері, 2 - three.js технологиясы, ол өзінен өзі құрылғы ресурстары мен трафикке “қатты” талап қояды.

Бұл мәселелерді қалай шештік:

Бастапқыда біз 3D планеталарды қолдандық. Бір планета ең аз дегенде 120 МБ салмақта болды, ал мұндай 8 планета бар еді, әрқайсысы өз анимациясына, түсіне, логотипіне және графикалық элементтерге ие болды. Осылайша, пайдаланушы біздің сайтты жүктеу үшін бір гигабайт трафик жұмсауы керек еді. Бұл промо-портал үшін тым көп еді.

Бірінші кезекте біз 3D модельдердің көлемін азайта бастадық. Текстуралар мен шейдерлерді сығымдау арқылы әр планетаны 50 МБ-қа дейін азайта алдық. Бірақ планеталарды азайтқанда олардың орналасуы мен сапасын сақтау мәселелері туындады, сондықтан біз өз алгоритмімізді ойлап таптық: әр планетаны жеке жүктемей, пайдаланушы таңдау жасаған кезде бір планетаны жүктеп, оның логотипі мен түсін өзгертіп көрсететін әдісті қолдандық.

Соңында пайдаланушы енді 100 МБ-тан көп жүктемейтін болды, ал толық сайтты жүктеу 12 минуттан аса бастады. Бірақ “Crocos” командасы бұнымен тоқтаған жоқ. Планеталардың концепттерін бірнеше рет өзгерткеннен кейін, біз барлық планеталарды 12 МБ-қа дейін азайта алдық, жасанды 3D көлем элементтері арқасында.

Екінші мәселе сайтты 3D форматында браузерде көрсетуге мүмкіндік беретін технологияға қатысты болды. Ең ауыр мәселе – Қазақстанда three.js білетін 10-нан аз әзірлеуші бар екендігі.

Технология жаңа және барлық браузерлер оны қолдай бермейді. Сондықтан біз әр браузер түрі мен операциялық жүйе үшін сайтты оңтайландырдық. Кодты оңтайландыруға оны жасаудан да көп уақыт жұмсадық.

Біз порталдың жүктелу алгоритмін бірнеше рет қайта жаздық, көп ағынды жүктеу мен космосқа қозғалыс анимациясы кезінде тригонометрияны қолдандық, бұл пайдаланушы құрылғысының ресурстарын үнемдеуге мүмкіндік берді. Нәтижесінде бастапқы 1 ГБ трафик 16 МБ-қа дейін азайды, қысқа мерзімде үлкен жұмыс атқарылды.

Оптимизацияны өз бетіңізше қалай жасауға болады?

(Бірақ үйде қайталамаған дұрыс, бізге хабарласыңыз, біз сіз үшін диагностикалап, жылдам әрі сапалы жасаймыз)

Суреттерді оңтайландыру

Суреттер – сайттың негізгі элементтерінің бірі, бірақ олар да жүктелуін баяулата алады. Бетті тез жүктеу үшін суреттерді оңтайландыру қажет. Бұл олардың өлшемін азайту және JPEG немесе WebP сияқты файл көлемі аз форматтарды пайдалану арқылы жүзеге асады. Сондай-ақ, сапаны сақтап сығымдау (lossless compression) әдісін қолдануға болады.

Кэштеуді қолдану

Кэштеу – кейбір деректерді қатты дискіде сақтау процесі, олар кейін жылдам қолжетімді болады. Бұл сайттың тез жүктелуіне көмектеседі, өйткені әр жолы серверден деректерді жүктеудің қажеті жоқ. Кэштеу серверге сұраныстар санын азайтуға да мүмкіндік береді.

Кодты минификациялау және сығымдау

Кодты минификациялау мен сығымдау файл өлшемін едәуір азайтып, бетті тез жүктеуге көмектеседі. Минификация артық бос орындарды, комментарийлерді және жол айырбастарын жояды, ал сығымдау файл көлемін азайту үшін алгоритмдерді қолданады. Мұны арнайы құралдар мен кітапханалар арқылы жасауға болады.

Content Delivery Network (CDN) қолдану

CDN – әлемнің әртүрлі бөліктерінде орналасқан серверлер желісі, контентті пайдаланушыға жылдам жеткізуге арналған. CDN қолдану арқылы контент пайдаланушыға жақын серверден жүктелетіндіктен, беттің жүктелу жылдамдығы артады.

Дұрыс оптимизация арқылы сіздің сайтыңыз көбірек трафик тартып, конверсияны арттырады, бұл өз кезегінде бизнес кірісін көбейтеді. Сайтты дұрыс оңтайландырып, максималды тиімділікке жету үшін бізге хабарласыңыз немесе қоңырау қалдырыңыз, біз 15 минут ішінде сізге қайта қоңырау шаламыз.