frontend

      

Website Performance Optimization (optional)

Примітка: це завдання є необов’язковим, оскільки, швидше за все, ви не будете використовувати знання, отримані з нього під час нашого курсу. Але ця інформація вам знадобиться, коли ви будете працювати розробником. Принаймні загальне розуміння понять. Тому робити це завдання чи ні - is up to you.

Прочитайте це:

1. Front-End Performance Checklist 2021
2. Website Performance Optimization
3. Inside a super fast CSS engine: Quantum CSS (aka Stylo)
4. Browser Rendering Optimization
5. Responsive Images
6. Основы производительности
7. Lazy loading

Optional inside optional

Важливі аспекти роботи браузера для розробників

1. Как работают браузеры
2. An overview of the engine, the runtime, and the call stack
3. Inside the V8 engine + 5 tips on how to write optimized code
4. Memory management + how to handle 4 common memory leaks
5. Event loop and the rise of Async programming + 5 ways to better coding with async/await

Якщо ви вирішите виконати завдання, то після завершення виконайте наступне:

1. Зробіть скріншот своїх завершених уроків і помістіть його в папку task_website_performance вашого репо kottans-frontend
2. В вашому kottans-frontend репо README.md:
   • додайте заголовок ## Website Performance Optimization
   • додати скріншот або додати посилання на скріншот
   • перерахуйте свої міркування щодо кожного пункту завдання (що для вас було новим, що вас здивувало, що ви плануєте використовувати в майбутньому)
3. Чудова робота! Діліться своїми досягненнями з іншими – опублікувати повідомлення в course channel: ` Website Performance Optimization — #done (або Website Performance Optimization — #p2p_done` якщо ви студент курсу p2p) і додайте посилання до свого репо. Цей крок важливий, оскільки він допомагає менторам відстежувати ваш прогрес!
4. Для цього завдання вам знадобиться review коду:
   • Для студентів курсу Frontend 2022: будь ласка, дотримуйтесь цих інструкцій
   • Для студентів p2p course: будь ласка, дотримуйтесь цих інструкцій

Готово?

➡️ Ідіть далі Friends App — real project!

⤴️ Повернутися до Contents

This site is open source. Improve this page.