[vc_row][vc_column][vc_single_image image=”261″ img_size=”900*400″ alignment=”center” parallax_scroll=”no”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text text_larger=”no”]

9 روش بینظیر  برای بهینه سازی و افزایش سرعت سایت

اگر شما نیز از آن دسته از افرادی هستید که خیلی به سرعت لود شدن سایت خود اهمیت میدهید ما برای شما عزیزان 9 روش بینظیر  برای بهینه سازی و افزایش سرعت سایت جمع آوری کرده ایم  . با رعایت این 9 روش شم میتوانید بهینه سازی و افزایش سرعت سایت قابل قبولی داشته باشید . امیدواریم از مطالب ما لذت ببرید  . با پارس کمره همراه باشید . قرار ما صفحه اول گوگل

آیا سایت شما نیاز به سرعت دارد؟

در اینجا به تجزیه و تحلیل قوانین PageSpeed Insight Rules گوگل و بهترین مشاوره در مورد بهینه سازی صفحات وب برای عملکرد بیشتر سرعت می پردازیم.

• اگر در یک ماه گذشته URL خود را در PageSpeed Insights Google به آن وصل کرده باشید
• شما متوجه شده اید که کمی متفاوت به نظر می رسد.
• ( برای استفاده از PageSpeed Insights Google به فیلتر شکن نیاز دارید  )
• در جایی که قبلاً نمره بهینه سازی ساده را دریافت می کردید ، اکنون نمرات شما بر اساس پلتفرم تقسیم می شوند
• این بخش ها به دو نمره “سرعت صفحه” و “بهینه سازی” تقسیم می شوند.
• این تغییرات به دلیل بروزرسانی جدید جدید Speed که در 9 ژوئیه 2018 راه اندازی شد ، انجام شد.

معیارهای آنالیز سرعت سایت توسط گوگل

اکنون ، Google به جای تکیه بر داده های آزمایشگاه ، از داده های میدانی برای اندازه گیری سرعت سایت استفاده می کند. با استخراج اطلاعاتی از پایگاه داده گزارش کاربری Chrome (CrUX) ، Google قادر به تشخیص سرعت متوسط کاربر شما در سایت شما می باشد.

• این بدان معناست که حتی اگر وب سایت شما به سرعت در معرض رعد و برق شما قرار دارد
• بازدید کنندگان با تلفن های هوشمند قدیمی ممکن است تاخیرهایی را تجربه کنند
• این می تواند بر افزایش سرعت سایت و احتمالاً در رتبه وب سایت شما تأثیر بگذارد.
• اگر قبلاً تست نکرده اید ، وقت آن است که بهینه سازی سرعت را دو برابر کنید.

من قصد دارم نه قانون PageSpeed Insight Google را بشکنم  لیست بهترین توصیه های آنها را لیست کنم و سپس به برخی مراحل پیشرفته ای که می توانید برای بهینه سازی سرعت سایت خود بیابید ، شیرجه بزنید.

آموزش راه اندازی ووردپرس با پارس کمره

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text text_larger=”no”]

9 روش بینظیر  برای بهینه سازی و افزایش سرعت سایت

 1. از تغییر مسیرهای  صفحه جلوگیری کنید

چرا مهم است؟

• تغییر مسیرها صفحه را به تأخیر می اندازد
• و تجربه افزایش سرعت سایت  در  تلفن همراه را کند می کند.
• هر ریدایرکتور یک دورگرد اضافه پاسخ درخواست پروتکل هایپرتکست (HTTP) اضافه می کند
• و گاهی اوقات چندین دورگرد اضافی نیز اضافه می کند
• تا همچنین سیستم جستجوی نام دامنه (DNS) ، جستجوی سیستم نام دامنه (DNS) ، دستیابی به پروتکل کنترل انتقال (TCP) و مذاکره امنیتی لایه حمل (TLS) را انجام دهد.
• آنچه گوگل توصیه می کند.
• یک وب سایت پاسخگو با بیش از یک تغییر مسیر از یک URL مشخص به صفحه فرود نهایی ایجاد کنید.

توصیه های پیشرفته

• سعی کنید از تغییر مسیرها به طور کلی خودداری کنید.
• با این وجود ، در صورت نیاز به استفاده از تغییر مسیرها ، نوع تغییر مسیر را بر اساس نیاز خود انتخاب کنید:
• 301 در مقابل 302 تغییر مسیر
• هنگام حذف محتوای قدیمی و هدایت مجدد به محتوای جدید افزایش سرعت سایت را به همراه دارد
• یا هنگامی که صفحه جایگزینی برای هدایت کاربران به سمت خود ندارید ، از تغییر مسیرهای دائمی (301) استفاده کنید.
• هنگام ایجاد تغییرات کوتاه مدت ، مانند پیشنهادهای زمان محدود یا هنگام هدایت کاربران به URL های خاص دستگاه ، از تغییر مسیرهای موقت (302) استفاده کنید.
• نگران نباشید شما به هیچ وجه برابری پیوند را از دست نخواهید داد!
• تغییر مسیر JavaScript در مقابل HTTP. تفاوت اصلی بین تغییر مسیرهای جاوا اسکریپت و HTTP در این است که تغییر مسیرهای HTTP باعث ایجاد تاخیر در سمت سرور می شوند ، در حالی که تغییر مسیرهای مبتنی بر JavaScript سمت مشتری را کند می کنند (آنها باید بارگیری صفحه را انجام دهند ، سپس JavaScript را تجزیه و اجرا کنند قبل از شروع تغییر مسیر. ) Googlebot از هر دو نوع تغییر مسیر پشتیبانی می کند.

طراحی سایت ووردپرسی با پارس کمره

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text text_larger=”no”]

9 روش بینظیر  برای بهینه سازی و افزایش سرعت سایت

2.فشرده سازی را فعال کنید

چرا مهم است؟

• کاهش اندازه محتوای شما مدت زمان لازم برای بارگیری منبع را کاهش می دهد
• استفاده از داده را برای مشتری کاهش می دهد و زمان صفحات شما را برای ارائه بهتر می کند.

آنچه گوگل توصیه می کند.

• همه محتوای قابل فشرده سازی را گازی کنید.
• می توانید نمونه پروژه های پیکربندی را برای اکثر سرورها از طریق پروژه Boilerplate HTML5 پیدا کنید.

توصیه های پیشرفته

• اولویت بندی با داده های غیر ضروری است.
•  بهترین منبع بهینه شده برای ووردپرس با پلاگین ها صورت میگیرد
• منابع سایت خود را بطور دوره ای مرور کنید
• و داده های غیر ضروری را قبل از فشرده سازی از بین ببرید تا بهترین نتیجه را کسب کنید.

• گزینه های رمزگذاری Gzip را در نظر بگیرید.

• اگر می خواهید از ابزاری غیر از Gzip استفاده کنید ، Brotli یک الگوریتم فشرده سازی بدون ضرر است
• که ترکیبی از یک نوع مدرن از الگوریتم LZ77 ، برنامه نویسی هافمن و مدل سازی متن مرتبه دوم است.
• این نرم افزار توسط همه مرورگرهای مدرن پشتیبانی می شود
• و از نسبت فشرده سازی قابل مقایسه با بهترین روش های فشرده سازی کلیه در حال حاضر موجود است.
• Brotli بسیار آهسته فشرده می شود و سریع فشرده می شود
• بنابراین شما باید کدهای استاتیک را با Brotli + Gzip در بالاترین سطح فشرده سازی کرده و HTML پویا را با Brotli در سطح 1-4 فشرده کنید.
• برای منابع مختلف از روشهای مختلف فشرده سازی استفاده کنید.
• فشرده سازی را می توان برای کد HTML و همچنین دارایی های دیجیتالی مختلفی که صفحه شما به آن نیاز دارد اعمال کرد
• اما برای رسیدن به بهترین نتیجه باید تکنیک ها و الگوریتم های مختلفی را روی فونت های وب ، تصاویر ، CSS و غیره اعمال کنید.
• به عنوان مثال ، اگر از HTTP / 2 استفاده می کنید
• پس از آن استفاده از فشرده سازی HPACK برای هدرهای پاسخ HTTP باعث کاهش سربار غیرضروری خواهد شد.

انتخاب کلمات کلیدی سایت با پارس کمره

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text text_larger=”no”]

9 روش بینظیر  برای بهینه سازی و افزایش سرعت سایت

3.زمان پاسخگویی سرور را بهبود بخشید

چرا مهم است ؟

• زمان پاسخ سریع سرور یک ضرورت است.
• 53 درصد از بازدید کنندگان تلفن همراه از صفحهای که در مدت زمان سه ثانیه بارگیری نمی شود ، رها می کنند.
• توسعه وب سایت با کیفیت بالا اگر می خواهید از هاست معتبر و کتابخانه های کند استفاده کنید

آنچه گوگل توصیه می کند

• زمان پاسخگویی سرور همیشه باید زیر 200ms باشد.

توصیه های پیشرفته

• زمان پاسخگویی سرور و اندازه گیری کاربر واقعی (RUMs) را اندازه گیری کنید.
• از ابزاری مانند WebPageTest.org ، Pingdom ، GTmetrix یا Chrome Dev Tools استفاده کنید
• تا مشکلات عملکرد موجود را مشخص کرده و بفهمید که روند تحویل محتوا شما را کند می کند.
• به یاد داشته باشید ، حتی اگر آزمایشات شما سرعت سایت <200ms را نشان دهد ، کاربر در اندرویدی با نسل قدیمی با استفاده از 3G آهسته ممکن است سرعت 400ms RTT و سرعت انتقال 400kbps را تجربه کند.
• این تأثیر منفی ب افزایش سرعت سایت شما خواهد گذاشت.

   4.مدت زمان لود شدن و سرعت سایت

اولین رنگ معنی دار <1s.

مقدار SpeedIndex <1250.

فاصله زمانی انتقال (TTI) <5s و <2s برای بازدیدهای مکرر.

برای تجربه کاربر بهینه سازی کنید. هنگام پیکربندی سرور خود:

برای افزایش عملکرد از HTTP / 2 استفاده کنید

(و به یاد داشته باشید که CDN های شما از HTTP / 2 نیز پشتیبانی می کنند).

فعال کردن پروتکل وضعیت صدور گواهینامه آنلاین (OCSP) در سرور خود برای سرعت بخشیدن به دست دادن TLS.

IPv6 و IPv4 را هم پشتیبانی کنید.

کشف همسایه IPv6 (NDP) و بهینه سازی مسیر می تواند وب سایتها را بین 10 تا 15 درصد سریعتر کند.

نکات مربوط به منبع را برای گرم کردن اتصال اضافه کنید و سریعتر تحویل را با سریع تر جستجوی DNS ، پیش اتصال ، پیش تنظیم و پیش بارگذاری سریع انجام دهید.

سئو سازی محتوای سایت با پارس کمره

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text text_larger=”no”]

9 روش بینظیر  برای بهینه سازی و افزایش سرعت سایت

5.حافظه پنهان ذخیره مرورگر

چرا مهم است ؟

• هنگام بارگیری منابع از طریق شبکه ، مسیرهای برگشت بیشتری لازم است
• بین کاربر و سرور به معنی تاخیر بیشتر و هزینه های بالاتر داده برای بازدید کنندگان شما باشد.
• شما می توانید با اجرای یک خط مشی ذخیره سازی ، این فرایند آهسته و گران را کاهش دهید
• که به مشتری کمک می کند تشخیص دهد که آیا و در چه زمانی می تواند از پاسخ های خود در گذشته استفاده کند.

آنچه گوگل توصیه می کند

خط مشی ذخیره صریح که پاسخ می دهد:

• آیا یک منبع ذخیره می شود.
• چه کسی می تواند آن را ذخیره کند.
• چه مدت طول خواهد کشید.

چگونه می توان با انقضاء خط مشی ذخیره سازی ، آن را به صورت مؤثر تجدید اعتبار کرد (در صورت وجود) ؟

• Google حداقل زمان حافظه پنهان یک هفته و حداکثر یک سال را برای دارایی های استاتیک توصیه می کند.

 

توصیه های پیشرفته

 

• از Cache-Control برای از بین بردن تأخیر شبکه و جلوگیری از اتهامات داده استفاده کنید.
• دستورالعمل های کنترل حافظه پنهان به شما اجازه می دهد تا به طور خودکار کنترل کنید
• (مثلاً “بدون حافظه پنهان” و “بدون فروشگاه”) و برای چه مدت (به عنوان مثال ، “حداکثر سن” ، “حداکثر استال” و “مینی تازه”) مرورگر می تواند بدون نیاز به برقراری ارتباط با سرور ، پاسخ را ذخیره کند.
• از ETag ها برای فعال کردن اعتبار مجدد کارآمد استفاده کنید.
• برچسب های موجودیت (ETag) هدرهای HTTP یک نشانه اعتبار سنجی را ابلاغ می کنند
• که از انتقال داده ها در صورت تغییر منبع از آخرین درخواست درخواست ، جلوگیری می کند.
• این کارآیی بررسیهای به روزرسانی منابع را بهبود می بخشد.

کنترل حافظه پنهان و افزایش سرعت سایت

• برای سیاست مطلوب کنترل حافظه پنهان ، با توصیه‌های Google جلو بروید
• Google یک چک لیست و نمودار کاری ایجاد کرده است که به شما کمک می کند تا آنجا که ممکن است پاسخ های بیشتر را برای طولانی ترین مدت ممکن ذخیره کنید و نشانه های اعتبارسنجی را برای هر پاسخ ارائه دهید:
• قانون انگشتی این است که منابع قابل تغییر (یعنی احتمالاً تغییر می یابد) باید برای مدت زمان بسیار کوتاهی ذخیره شوند
• در حالی که منابع غیرقابل تغییر (یعنی استاتیک) باید برای جلوگیری از اعتبارسنجی به طور نامحدود ذخیره شوند.

میانبرهای سئو با پارس کمره

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text text_larger=”no”]

9 روش بینظیر  برای بهینه سازی و افزایش سرعت سایت

5. HTML ، CSS و JavaScript را به حداقل  حجم برسانید

چرا مهم است ؟

Minification اطلاعات اضافی را از منابعی که به بازدید کنندگان شما تحویل داده می شود ، از بین می برد و می تواند تأثیر چشمگیری بر سرعت و عملکرد کلی سایت شما داشته باشد.

آنچه گوگل توصیه می کند

• داده های اضافی موجود در داده های سایت شما وجود نداشته باشد
• (به عنوان مثال ، نظرات یا نمادهای فضایی در کد HTML ، سبک های مکرر در CSS یا فوق داده های غیر ضروری تصویر)

توصیه های پیشرفته

• با استفاده از فشرده سازی ، از minification استفاده کنید.
• در ابتدا شاید فکر کنید که در افزایش سرعت سایت تغییری نکرده است
• اما الگوریتم های فشرده سازی برای کاهش اندازه یک صفحه عالی هستند
• اکثر آنها نمی دانند که کد غیر ضروری را از نظرات CSS (/ *… * /) ، HTML () و جاوا اسکریپت (//…) حذف کنید
• ممکن است با مینیفای کردن جاوا اسکریپت منوها و یا اسلایدها بهم بریزد
• (CSS) قانون را اجرا یا ده ها بهینه سازی مخصوص محتوای دیگر را انجام می دهد.
• از سایر منابع نیز استفاده کنید.
• شما می توانید بیش از دارایی های مبتنی بر متن مانند زبان نشانه گذاری هایپرتکست (HTML) ، CSS و JavaScript را کم کنید.
• تصاویر ، فیلم و سایر انواع محتوا نیز بسته به نیاز شما می توانند بهینه شوند.
• به عنوان مثال ، تصاویر حاوی فرم های فوق داده و بارهای متنوع خود هستند که در صورت انتشار آنها در یک سایت به اشتراک گذاری عکس ، ممکن است بخواهید آنها را نگه دارید.

استفاده از پلاگین smush در ووردپرس

• کوچک سازی خودکار توسط پلاگین هایی مانند پلاگین smush صورت میگیرد
• برای سهولت در به حداقل رساندن هزاران (اگر نه میلیون ها نفر) روی این سایت کلیک کنید .
• این یک سایت رایگان است که میتوانید عکسها را به حداقل حجم برسانید
• میتوانید در این سایت عکس ها را به صورت گروهی بهینه کنید
• با فشرده سازی عکسها افزایش سرعت سایت  کاملا واضح رویت خواهد شد
• همچنین میتوانید با استفاده از نرم افزار فتوشاپ این کار را انجام دهید
• ماژول PageSpeed ​​Google  نیز این کار را بصورت خودکار انجام می دهد

بروزرسانی محتوای سایت با پارس کمره

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text text_larger=”no”]

9 روش بینظیر  برای بهینه سازی و افزایش سرعت سایت

 6. بهینه سازی تصاویر و افزایش سرعت سایت

چرا مهم است ؟

• تصاویر به طور متوسط ​​60 درصد از اندازه صفحه وب شما را تشکیل می دهند
• تصاویر بزرگ می توانند سایت شما را به سمت خزیدن کند کنند.
• بهینه سازی تصاویر با کاهش اندازه پرونده بدون تأثیر چشمگیر بر کیفیت بصری کمک می کند.

آنچه گوگل توصیه می کند

• اطمینان حاصل کنید که وب سایت و تصاویر پاسخگو هستند.
• برای اندازه گیری تصاویر از اندازه های نسبی استفاده کنید
• بسته به ویژگی دستگاه ، تصاویر مختلفی را تعیین کنید
• از عنصر تصویر استفاده کنید و از یک ویژگی srcset و توصیف کننده x در عنصر img استفاده کنید
• تا هنگام استفاده از تصاویر خاص ، به مرورگرها سیگنال بهتری ارسال شود

 

توصیه های پیشرفته این مورد برای افزایش سرعت سایت

این چک لیست از متداولترین تکنیک های بهینه سازی را به همراه دارد :

• منابع غیرضروری تصویر را از بین ببرید تا افزایش سرعت سایت  فراهم شود
• برای جایگزینی تصاویر ، از CSS3 استفاده کنید.
• به جای رمزگذاری متن در تصاویر ، از فونت های وب استفاده کنید.
• در صورت امکان از قالبهای سفارشی با حجم کم استفاده کنید.
• برای کاهش اندازه آنها ، دارایی های گرافیکی بردار مقیاس پذیر (SVG) را به حداقل رسانده و فشرده سازی کنید.

• بهترین قالب های استفاده شده توسط وبمسترها را انتخاب کنید

• با تنظیمات پلاگین هایی مثل wp rocket کیفیت بهینه  سازی را آزمایش کنید
• به یاد داشته باشید که هیچ یک از بهترین قالب ها یا “تنظیم کیفیت” برای همه تصاویر وجود ندارد: هر ترکیبی از کمپرسور و محتویات تصویر خروجی بی نظیری را ایجاد می کند.
• روی سرور عکسها را تغییر اندازه دهید
• از تصاویر با مقیاس اندازه در اندازه نمایشگر خود استفاده کنید و  و نتیجه را تست کنید
• ابرداده را حذف کنید.
• برچسب های img را با یک پارامتر srcset برای دستگاه های نقاط بالا در هر اینچ (DPI) تقویت کنید.
• از عنصر تصویر برای تعیین تصاویر مختلف بسته به ویژگی های دستگاه ، مانند اندازه دستگاه ، وضوح دستگاه ، جهت گیری و موارد دیگر استفاده کنید.
• از تکنیک های spriting تصویر با دقت استفاده کنید.

• با HTTP / 2 ، ممکن است  بارگذاری تصاویر مجزا باشد.

• بارگیری تنبل را برای تصاویر غیر مهم در نظر بگیرید.
• داده های تصویر خود را ذخیره کنید تا افزایش سرعت سایت  فراهم شود
• فرایند بهینه سازی تصویر خود را خودکار کنید.

وقتی صحبت از بهینه سازی تصویر می شود ، هیچ “بهترین” روش برای انجام آن وجود ندارد. بسیاری از تکنیک ها می توانند اندازه یک تصویر را کاهش دهند ، اما پیدا کردن تنظیمات بهینه برای تصاویر شما نیاز به توجه دقیق به قابلیت های فرمت ، محتوای داده های رمزگذاری شده ، کیفیت ، ابعاد پیکسل و موارد دیگر دارد. برای راهنمایی بیشتر ، به راهنمای Google برای بهینه سازی تصاویر مراجعه کنید.

تاثیر وبلاگ در نتایج جستجوی گوگل

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text text_larger=”no”]

9 روش بینظیر  برای بهینه سازی و افزایش سرعت سایت

7.کدهای CSS را بهینه کنید

چرا مهم است؟

مرورگرها معمولاً هنگام ارائه صفحه ، این چهار مرحله را دنبال می کنند:

• نشانه گذاری HTML را پردازش کرده و درخت مدل شیء سند (DOM) میسازد
• پردازش علائم CSS و ساخت درخت مدل CSS (CSSOM)
• DOM و CSSOM را در یک  مجموعه کد رندر ترکیب کنید.
• برای محاسبه هندسه هر گره ، طرح را روی درخت رندر اجرا کنید.

آنچه گوگل توصیه می کند

• وارد کردن CSS کوتاه و مفید به طور مستقیم به سند HTML برای از بین بردن منابع کوچک خارجی CSS

توصیه های پیشرفته

 

• از قرار دادن پرونده های بزرگ CSS خودداری کنید وگرنه افزایش سرعت سایت نخواهید داشت
• در حالی که وارد کردن CSS  کوتاه می توانید مدت زمان لازم برای ارائه صفحه به مرورگر را سرعت بخشید ، درج پرونده های بزرگ CSS اندازه CSS بالاتر از شما را افزایش می دهد و در واقع زمان ارائه را کاهش می دهد.
• از وارد کردن صفات CSS اضافی برای پلاگین ها خودداری کنید.
• به طور مشابه ، وارد کردن ویژگی های CSS در عناصر HTML اغلب به کپی کردن کد غیر ضروری منجر می شود
• و به طور پیش فرض با یک خط مشی امنیتی محتوا مسدود می شود.

اشتباهات رایج در محتوا نویسی را مرور کنید

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text text_larger=”no”]

9 روش بینظیر  برای بهینه سازی و افزایش سرعت سایت

8.محتوای خاص را به صورت خلاصه درصفحه اصلی قرار دهید

چرا مهم است؟

اگر محتوای شما در صفحه اصلی از حجم بالایی برخوردار باشد ،  این می تواند باعث تاخیر زیاد و تأخیرهای قابل توجه در بارگیری صفحه شود ، خصوصاً برای کاربران تلفن همراه

آنچه گوگل توصیه می کند

کاهش اندازه محتوای عکس و … تا حدود  14kB (فشرده شده)

توصیه های پیشرفته

• اندازه داده های مورد نیاز برای ارائه مطالب بالاتر از حد را محدود کنید.
• اگر دنبال کرده اید ، باید از کوچک سازی منابع ، بهینه سازی تصویر ، فشرده سازی و سایر نکات و ترفندهای دیگر برای کاهش حجم محتوای بالاتر از خود استفاده کنید.
• نشانه گذاری HTML خود را سازماندهی کنید
• تا بلافاصله محتوای فوق العاده ارائه شود و افزایش سرعت سایت  فراهم شود
• تغییر ساختار نشانه گذاری HTML شما می تواند به میزان تسریع در بارگذاری و ارائه محتوای بالای صفحه شما تسریع کند
• اما آنچه تغییر می دهید از صفحه به صفحه دیگر متفاوت خواهد بود.
• به عنوان مثال ، ممکن است شما نیاز به تقسیم CSS خود را به قسمت های مختلف داشته باشید:
• ممکن است لازم باشد ابتدا ترتیب بارگیری در صفحه خود را تغییر دهید
• (به عنوان مثال ، محتوای اصلی قبل از ابزارک).

آموزش رایگان راه اندازی اینستاگرام  با پارس کمره

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text text_larger=”no”]

9 روش بینظیر  برای بهینه سازی و افزایش سرعت سایت

9.جاوا اسکریپت مسدود کننده رندر را حذف کنید

چرا مهم است؟

ممکن است از نکته شماره 7 به یاد بیاورید که قبل از اینکه مرورگر بتواند صفحه شما را ارائه دهد ، یک صفحه باید با تجزیه کردن HTML ، DOM خود را بسازد. خوب ، هر بار که یک جعبه پرداز با JavaScript روبرو شد ، باید این اسکریپت جدید را متوقف و اجرا کند تا بتواند به ساخت درخت DOM ادامه دهد. این تاخیر در مورد اسکریپت های خارجی حتی بیشتر برجسته است – و می تواند ده ها هزار میلی ثانیه به فرآیند ارائه اضافه کند و گوگل برای شما اخطار افزایش سرعت سایت  را به همراه خواهد داشت

آنچه گوگل توصیه می کند.

• کلیه JavaScript مسدود کننده ، به ویژه اسکریپت های خارجی ، را در محتوای بالای بار حذف کنید.

توصیه های پیشرفته

• JavaScript را بدون مسدود کردن ارائه دهید.
• علامت گذاری برچسب اسکریپت به عنوان async به مرورگر می گوید که ساخت DOM را مسدود نکند
• در حالی که منتظر بارگذاری و اجرای اسکریپت است.
• با این حال ، شما فقط باید بدانید که نیازی به تغییر در درخت DOM در حالی که تجزیه / ساخته می شود نیست.
• اسکریپت های مهم را وارد کنید

• اسکریپت های غیر مهم را به تعویق بیندازید.

• اسکریپت هایی که برای ارائه محتوای صفحه ضروری هستند باید وارد شوند تا از درخواست های شبکه اضافی جلوگیری شود.
• اینها باید تا حد امکان کوچک باشند تا در افزایش سرعت سایت  به مشکل نخورید
• تا بتوانند سریع اجرا شوند و عملکرد خوبی داشته باشند.
• اسکریپت های غیر بحرانی باید ناهمگام ساخته شده و به تعویق افتاد تا بعد از اولین رندر.
• فقط به یاد داشته باشید که اسکریپت های ناهمزمان برای اجرای یک دستور مشخص تضمین نمی شوند.
• کتابخانه های شخص ثالث جاوا اسکریپت را پس از تاخیر به تعویق بیندازید.
• کتابخانه های جاوا اسکریپت که تعامل را تقویت می کنند یا انیمیشن ها یا جلوه های دیگری را اضافه می کنند (به عنوان مثال JQuery) معمولاً نیازی به ارائه بالاتر از آن ندارند.
• هر زمان ممکن است ، این عناصر JavaScript را ناهمزمان کنید و آنها را در پایین صفحه به تعویق بیندازید.

نتیجه گیری: آزمایش نتایج به روز رسانی سرعت

• برای اینکه دریابیم که Speed ​​Update در واقع چه تأثیری در موقعیت های SERP دارد
• تیم سئو پارس کمره  (شرکت من) و من دو آزمایش انجام دادم
• یکی قبل و دیگری بلافاصله بعد از گوگل به روز رسانی آنها.
• ما حتی قبل از بروزرسانی فهمیدیم که ارتباط بین موقعیت یک سایت موبایل در SERP ها و میانگین نمره بهینه سازی آن در حال حاضر بسیار زیاد (0.97) بود اما اولین رنگ محتوا یک سایت (FCP) و محتوای DOM بارگذاری شده (DCL) معیار (اکنون نمایش داده می شود) در PageSpeed ​​Insights در زیر نمره صفحه سرعت شما) تاثیری در موقعیت شما نداشت.ما یک هفته پس از بروزرسانی متوجه تغییرات مهمی نشده ایم ، که قابل درک است: به روزرسانی کامل عمل می کند. همبستگی بین نمره بهینه سازی و موقعیت در صفحات نتیجه موتور جستجوی تلفن همراه (SERP) زیاد است ، در حالی که ارتباط بین FCP / DCL و موقعیت کم است. در طی سه ماه گذشته ، نمرات بهینه سازی سایتهای رتبه بندی شده در 30 موقعیت برتر SERP های تلفن همراه همه به طور متوسط ​​0.83 امتیاز افزایش یافته است. احساس می کنیم این یک افزایش گسترده در صنعت در کیفیت وب سایت ها است.
• آنچه این به ما می گوید این است که استانداردهای آنچه که یک سایت سریع و بهینه را تشکیل می دهد در حال افزایش است
• و شما نمی توانید از خود شکایت کنید.
•  افزایش سرعت سایت ، مانند کل SEO ، یک فرآیند است
• اگر به هیچ وجه مداوم و بهبود نمی یابید ، خطر می کنید که آن را نادیده بگیرید

طراح و توسعه دهنده سایت با پارس کمره

09012414116

09194284624

[/vc_column_text][/vc_column][/vc_row]