Dokumen ini bertujuan untuk membantu pengguna lokal yang belajar Framer, mengatasi kesulitan akibat kurangnya sumber daya berbahasa Korea, dengan menerjemahkan konten blog resmi ke bahasa Korea serta menambahkan informasi yang berguna. Kami berharap ini dapat sedikit membantu Anda yang menggunakan FramerFramer.

Fitur Optimasi Loading FramerFramer

FramerFramer menyediakan fitur optimasi loading video untuk menjaga kecepatan situs web. Namun, saat ini tidak melakukan konversi atau pengoptimalan ukuran berkas video secara langsung.

1. Prinsip Optimasi Loading

Merender video dapat membebani kinerja perangkat, terutama di lingkungan seluler. FramerFramer menunda pemutaran video untuk mengurangi penggunaan baterai dan data situs web.

Untuk mengaktifkan optimasi, silakan lakukan dua langkah berikut.

1. Tambahkan poster ke semua video.
   Catatan: Ini dapat memberi dampak positif pada SEO.

2. Pastikan komponen Video di tab Assets FramerFramer selalu diperbarui.

Optimasi video pada FramerFramer mencakup fitur-fitur berikut.

• Lazy Loading dengan poster pada video
  Video yang memiliki poster hanya akan dimuat ketika mendekati viewport, sehingga waktu muat awal menjadi lebih singkat. Misalnya, video di bagian bawah halaman akan dimuat saat pengguna hampir sampai di sana dengan menggulir, sehingga meningkatkan kecepatan halaman awal secara signifikan.

• Video mirip GIF di luar viewport dihentikan sementara
  Video yang dibisukan, diulang, dan diputar otomatis tanpa kontrol (bertindak seperti GIF) akan dihentikan sementara ketika keluar dari viewport. Ini membantu mencegah pemborosan sumber daya yang tidak perlu.

2. Cara Mengoptimalkan Berkas Video itu Sendiri

1. Optimalkan konten video sebelum diunggah
   Karena FramerFramer tidak dapat mengonversi video yang diunggah, video 4K yang diunggah akan diputar dalam 4K meskipun pada layar kecil.

   • Menerapkan kualitas adaptif
     Untuk menerapkan kualitas adaptif sesuai dengan layar atau kecepatan jaringan pengguna, gunakan komponen YouTube atau Vimeo di panel Insert FramerFramer.

   • Mengompresi video
     Untuk mengompresi video, coba gunakan ffmpeg (versi web) atau pengaturan "Web Optimized" di Handbrake.
     
     

2. Memilih format berkas dan codec yang direkomendasikan
   Codec AV1 mungkin tidak didukung di beberapa versi iOS atau MacOS lama. Untuk pemutaran yang stabil di sebagian besar browser, disarankan menggunakan codec H.264 dan ekstensi .mp4.

movflags +faststart

Catatan: bagi pengguna lanjutan, menambahkan perintah di atas saat menjalankan ffmpeg dapat meningkatkan kecepatan pemutaran di browser.

Alasan FramerFramer tidak Langsung Mengoptimalkan Berkas Video

Optimalisasi video adalah proses yang rumit dan mahal. Oleh karena itu, untuk mengoptimalkan berkas video itu sendiri secara efektif, dibutuhkan infrastruktur pemrosesan media berskala besar seperti YouTube atau Vimeo. Namun, FramerFramer lebih fokus untuk membuat pengalaman pembuatan situs web seefisien dan secepat mungkin.

Jika Anda masih mengalami masalah setelah mengikuti semua langkah dalam dokumen ini, cobalah hubungi tim dukungan melalui halaman Kontak FramerFramer.

Artikel ini adalah konten yang diterjemahkan dan diadaptasi dari ‘Bagaimana video dioptimalkan di Framer’ dari blog resmi FramerFramer.