Gatsby ve MDX ile Görselleri Optimize Etme

Büyük ve optimize edilmemiş görseller, yavaş web sitelerinin ve zayıf kullanıcı deneyimlerinin bir numaralı nedenidir. MDX ve Gatsby ile geliştirme yaparken, üretim (production) çıktılarınıza hantal dosyaların sızmasını önlemek için optimizasyon sürecini otomatikleştirmek esastır. Bu sadece metin içeren kurs, otomatik görsel boru hatlarını (pipelines) kurma sürecinin tamamında size rehberlik eder. Her Markdown tarzı görselin otomatik olarak yeniden boyutlandırılmasını, sıkıştırılmasını ve modern, duyarlı (responsive) formatlarda sunulmasını sağlayacak şekilde projenizi nasıl yapılandıracağınızı öğreneceksiniz. Ne öğreneceksiniz: - Web görsel optimizasyonunun temel ilkelerini ve modern performans standartlarını anlamak - MDX dosyalarına gömülü görselleri otomatik olarak işlemek için Gatsby eklentilerini yapılandırmak - Modern formatları kullanarak duyarlı, mobil öncelikli görsel yapılandırmaları uygulamak - Ağır ve optimize edilmemiş varlıkların üretim ortamınıza ulaşmasını önlemek - Net kod kalıplarını kullanarak görsel oluşturma boru hatlarını sorun gidermek ve doğrulamak Temel web performans kavramları ve görsel terminolojisi ile başlayan kurs, yapılandırma dosyaları ve pratik kod parçacıkları aracılığıyla sizi adım adım yönlendirir. Yapılandırılmış yazılı alıştırmalar ve örnekler aracılığıyla görsel boru hatlarınızı kurmayı ve test etmeyi pratik edeceksiniz. Bu kurs, önceden herhangi bir optimizasyon deneyimi gerektirmeden, Gatsby ve MDX kullanarak daha hızlı web siteleri oluşturmak isteyen başlangıç düzeyindeki geliştiriciler ve içerik üreticileri için tasarlanmıştır. Daha hızlı ve daha hafif web siteleri oluşturmak için bugün okumaya başlayın.