1
00:00:00,210 --> 00:00:03,895
‫براساس Digital.com، بیش از
‫۵۰٪ بازدیدکنندگان وبسایت صفحه‌ای را

2
00:00:03,895 --> 00:00:07,396
‫ترک خواهند کرد اگر مدت زمان
‫بارگذاری آن بیش از چهار ثانیه باشد.

3
00:00:07,396 --> 00:00:11,215
‫این مانند این است که یک
‫مشتری بالقوه مستقیم به فروشگاه

4
00:00:11,215 --> 00:00:13,800
‫شما وارد شود و قبل از حتی
‫نگاه کردن به راهروها بازگردد.

5
00:00:13,800 --> 00:00:17,778
‫به همین دلیل داشتن وبسایتی که
‫به راحتی رتبه بگیرد و بارگذاری

6
00:00:17,778 --> 00:00:19,170
‫شود برای بهینه‌سازی موتورهای
‫جستجو (SEO) بسیار مهم است.

7
00:00:19,170 --> 00:00:22,223
‫در این درس، اصول کلیدی قابلیت بارگذاری وبسایت را

8
00:00:22,223 --> 00:00:26,336
‫به شما نشان می‌دهم تا اطمینان حاصل کنید که

9
00:00:26,336 --> 00:00:27,645
‫محتوای شما به درستی توسط
‫مرورگرهای وب خوانده می‌شود.

10
00:00:27,645 --> 00:00:32,854
‫بارگذاری فرآیندی است که مرورگر
‫طی می‌کند تا HTML، CSS

11
00:00:32,854 --> 00:00:37,208
‫و JavaScript را به تصاویر و
‫عناصر روی وبسایت شما تبدیل کند.

12
00:00:37,208 --> 00:00:41,392
‫یکی از راه‌های درک بارگذاری این است

13
00:00:41,392 --> 00:00:42,587
‫که مرورگر را به یک مترجم مقایسه کنیم.

14
00:00:42,587 --> 00:00:47,142
‫یک مرورگر قطعات کد را به عناصر

15
00:00:47,142 --> 00:00:49,311
‫چندرسانه‌ای مانند تصاویر،

16
00:00:49,311 --> 00:00:50,589
‫بنرها، متن و ویدئوها ترجمه می‌کند.

17
00:00:50,589 --> 00:00:55,042
‫مثلاً، اگر وبسایت شما دارای کد JavaScript بیش

18
00:00:55,042 --> 00:00:59,565
‫از حد یا عناصری با اندازه فایل بزرگ مانند

19
00:00:59,565 --> 00:01:02,975
‫تصاویر با وضوح بالا در ویدئوهای فشرده و

20
00:01:02,975 --> 00:01:04,088
‫انیمیشن‌های پیچیده باشد، ممکن
‫است بارگذاری و نمایش آن کند باشد.

21
00:01:04,088 --> 00:01:08,224
‫در نتیجه، موتورهای جستجو ممکن است در خزیدن

22
00:01:08,224 --> 00:01:10,678
‫و فهرست‌بندی محتوای وبسایت مشکلی داشته باشند،

23
00:01:10,678 --> 00:01:13,622
‫که می‌تواند به طور منفی بر روی دید آن تاثیر بگذارد.

24
00:01:13,622 --> 00:01:17,037
‫اطمینان از اینکه وب‌سایت ما به درستی در

25
00:01:17,037 --> 00:01:19,903
‫مرورگرهای مختلف نمایش داده می‌شود، از

26
00:01:19,903 --> 00:01:20,940
‫مشکلات رندر و ترک کاربر جلوگیری می‌کند.

27
00:01:20,940 --> 00:01:23,910
‫شما می‌توانید بررسی کنید که
‫چگونه مرورگرهایی مانند گوگل

28
00:01:23,910 --> 00:01:27,707
‫کروم، فایرفاکس، و سافاری
‫سایت شما را نمایش می‌دهند و

29
00:01:27,707 --> 00:01:30,980
‫مشکلاتی را پیدا کنید که مانع
‫از نمایش صحیح محتوا می‌شوند.

30
00:01:30,980 --> 00:01:34,229
‫ابزارهایی مانند Chrome DevTools و GTmetrix

31
00:01:34,229 --> 00:01:38,721
‫رندر را در مرورگرهای مختلف شبیه‌سازی خواهند کرد.

32
00:01:38,721 --> 00:01:39,758
‫برای بهبود قابلیت رندر شدن وب‌سایت خود،

33
00:01:39,758 --> 00:01:43,560
‫باید تصاویر را فشرده کنید، اسکریپت‌های شخص

34
00:01:43,560 --> 00:01:45,769
‫ثالث را کاهش دهید و کدهای غیرضروری را حذف کنید.

35
00:01:45,769 --> 00:01:51,098
‫شما می‌توانید این کار را با استفاده
‫از ابزارهای فشرده‌سازی تصویر

36
00:01:51,098 --> 00:01:55,421
‫مانند WP Smush، استفاده از
‫ابزارهای بهینه‌سازی عملکرد مانند W3

37
00:01:55,421 --> 00:01:59,723
‫Total Cache و به‌طور منظم از طریق
‫Google Speed Insights انجام دهید.

38
00:01:59,723 --> 00:02:03,331
‫حالا شما اهمیت قابلیت رندر شدن و

39
00:02:03,331 --> 00:02:04,824
‫بهترین شیوه‌ها برای بهبود آن را متوجه شده‌اید.

40
00:02:04,824 --> 00:02:08,475
‫بروید و با استفاده از Chrome DevTools آزمونی

41
00:02:08,475 --> 00:02:13,000
‫اجرا کنید تا بخش‌هایی که
‫نیاز به بهبود دارند را پیدا کنید.

