آموزش HTTP - 2: در حال توسعه برای عملکرد

مقدمه Introduction

• خوش آمدی Welcome

• با استفاده از پرونده های تمرینی Using the exercise files

1. عملکرد وب: مقدمه 1. Web Performance: An Introduction

• عملکرد و بهینه سازی چیست؟ What is performance and optimization?

• از کجا می توان عملکرد را بهینه کرد؟ Where can we optimize performance?

• برنامه حمله Plan of attack

2. عملکرد وب تجسم 2. Web Performance Visualized

• نگاهی به نحوه ارائه محتوا از مرورگر A look at how the browser renders content

• چگونه HTTP / 2 همه چیز را تغییر می دهد How HTTP/2 changes everything

• داستان دو سایت A tale of two sites

• نحوه سنجش عملکرد How to measure performance

3. بهینه سازی تصاویر 3. Optimizing Images

• تصاویر می توانند گراز عملکرد باشند Images can be performance hogs

• گزینه های قالب تصویر Image format options

• بهینه سازی دستی دستی Manual image optimization

• تصاویر پاسخگو Responsive images

• نوار کناری: پیاده روی از راه اندازی Gulp Sidebar: Walkthrough of the Gulp setup

• بهینه سازی خودکار خودکار Automated image optimization

• آیکن ها و گرافیک های طراحی شده توسط SVG Icons and graphics powered by SVG

4- نشانه گذاری و محتوا 4. Markup and Content

• بهینه سازی کد در دنیای HTTP / 2 Code optimization in an HTTP/2 world

• کوچک سازی خودکار HTML ، CSS و JavaScript Automated minification of HTML, CSS, and JavaScript

• CSS را برای HTTP / 2 مدولار کنید Modularize CSS for HTTP/2

• CSS غیر انتقادی را اضافه کنید Deferring noncritical CSS

• بارگذاری CSS لبه خونریزی Bleeding-edge CSS loading

• بارگیری JavaScript: Async و تعویق JavaScript loading: Async and defer

5- بهینه سازی تحویل 5. Optimizing Delivery

• بهینه سازی سمت سرور Server-side optimization

• فشرده سازی داده ها با استفاده از GZIP Compress data using GZIP

• پرونده های ذخیره شده در مرورگر Cache files in the browser

• ضربه زدن به حافظه نهان: پاک کردن پرونده های ذخیره شده طولانی مدت Cache busting: Clearing long-term cached files

• با استفاده از HTTP / 2 Server Push ، پرونده ها را به مرورگر فشار دهید Push files to the browser using HTTP/2 Server Push

• شبکه های تحویل محتوا (CDN) برای عملکرد Leverage content delivery networks (CDNs) for performance

6. پایان 6. The End

• متشکرم Thank you