اطلاعات جامع از طراحی سایت

از سال 2015 و با معرفی این پروتکل، اکثری از سایت‌ها به استفاده از آن روی طراحی سایت در مشهد آورده‌اند و تا اواسط سال 2021، نزدیک به 50 درصد وب‌وبسایت‌های اینترنتی از پروتکل HTTP2 به کارگیری کرده‌اند. بخشی زیادی از محبوبیت HTTP2 به دلیل افزایش سرعت وب سایت و تاثیر مثبت آن در سئو هست. اما پروتکل تازه وب چطور بر روی seo سایت تاثیر میگذارد؟ و چطور می‌قدرت به بهترین شکل از HTTP2 برای بهبود حالت وب‌تارنما‌ها بهره مند شد؟
درین مقاله به صورت بی نقص HTTP2 و تفاوت آن با نسل سابق یعنی HTTP1.1 را تفحص میکنیم. با به کارگیری از یک‌سری مثال تاثیر مثبت HTTP2 را به صورت عملی مطالعه کرده و در نهایت تکنیک‌هایی که در گذشته رایج بودند اما امروز استعمال از آن ها به بهینه سازی وب سایت شما جراحت می زند را معرفی میکنیم. در نقطه پایان خواهیم دید که چطور قادر خواهیم بود با فعال کردن این پروتکل سرعت وبسایت خود را افزایش داده و یک قدم جلوتر از رقبا باشیم؟
ازHTTP1 تا HTTP2 ؛ نگاهی به سیر تکامل وب
HTTP (مخفف Hypertext Transfer Protocol) یک پروتکل انتقال اطلاعات فرامتنی بین مروگر و سرور می‌باشد. وقتی یک شیت اینترنتی را باز می کنیم، فرآیند‌ای حدوداً طولانی رخداد می‌افتد. فرآیندی که حداقل به عنوان یک کاربر کم‌تر به آن دقت می کنیم.

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

صفحه ها اینترنتی آکنده از پوشه‌های گوناگون می باشند. کدهای HTML، کدهای CSS، JS، تصاویر با فرمت‌های مختلف و فونت‌ها از جمله فایل‌هایی می‌باشند که در کنار هم یک شیت وب را تشکیل میدهند.

در پروتکل HTTP2 و بعداز ایجاد اولی ارتباط در بین مرورگر و سرور منابع و فولدر‌های مربوط به آن شیت به صورت هم زمان و موازی دریافت میگردند
تا قبل از سال 2015، صرفا یک پروتکل بر فضای وب حکم‌فرما بود؛ HTTP1. در HTTP1 هنگامی که مرورگر یک وب سایت را باز میکرد، فولدر‌های متفاوت داخل ورقه مثل CSS، JS، فرمت های تصاویر و موارد دیگر به صورت آحاد فراخوان می‌شدند. به عبارت دیگر شروع مورد نیاز بود یک فولدر به صورت بی نقص فراخوان و بار گذاری شده، آنگاه سرور فایل‌های دیگر را ارسال کند.

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

TBT که یکی از معیارهای اساسی سرعت وبسایت در Core Web Vitals به حساب می‌آید مربوط به همین لود کدهای برگه می‌باشد که بهینه‌سازی کدهای شیت و استفاده از پروتکل Http2 می‌تواند بر روی کاهش مجال TBT موثر باشد.

کلیه‌ی این موارد را می‌توان حول مفهومی به اسم «سالم فنی وبسایت» بازرسی کرد. سرعت تنها یک کدام از فاکتورهای سلامت فنی وب‌وب سایت می‌باشد. برای آشنایی بیشتر با این مفهوم، ما در یک نوشته‌علمی منقطع به رسیدگی سلامت فنی تارنما و تاثیر آن در بهینه سازی پرداخته‌ایم. سفارش می‌کنیم در یک مجال مناسب این نوشته‌ی علمی را نیز مطالعه نمائید.

یک مثال برای درک عالی HTTP2؛ وقتی کلیه یاری می‌کنند
همه‌ی ما تجارب یک بار اثاث‌کشی و مشارکت درین فعالیت را داریم. در یک خانه وسایل زیادی مثل مبل، فرش، ظروف آشپزخانه، وسایل دکوری و اثاثیه دیگری وجود دارد. بیاید فرض کنیم کاملاً دست تنها هستیم و بایستی به تنهایی این وسایل را از باطن خانه بیرون بیاوریم. این عمل چقدر طول خواهد کشید؟

شاید یک روز بدون نقص طول بکشد که یک نفر بتواند همگی اثاث خانه را از منزل خارج کند. این همان اتفاقی می‌باشد که در HTTP1 می‌افتد. درصورتی که اثاث خانه را مثل فولدر‌های متفاوت داخل یک برگه درنظر بگیریم، مرورگر باید دوران زمان زیادی صبر کند تا کل این فولدر‌ها را دریافت و به کاربر نمایش دهد.

به کار گیری از HTTP2 فرصت بار گذاری کاغذ را کاهش داده و موجب بهبود تجربه کاربری می گردد
اکنون بیاید فرض کنیم برای اسباب کشی به دوستان یا خانواده خود اطلاع داده و از او یاری می‌گیریم. کلیه‌ی دوستان و اعضای خانواده برای اثاثیه‌کشی به منزل ما می‌آیند. با همکاری و تعامل تخت گاز و شاید در کمتر از چندین ساعت بتوانیم همه لوازم را به سوا منزل منتقل کنیم.

این همان اتفاقی است که در HTTP2 می‌ افتد. فایل‌های داخل یک ورقه به صورت هم‌‌زمان از سمت سرور به مرورگر ارسال می‌شود. استفاده از HTTP2 یکی از کارهایی است که می تواند سرعت تارنما شما را افزایش دهد. به خیال و خاطر داشته باشید که؛

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

مرگ Combine CSS Files؛ تکنیک‌هایی که منسوخ شده‌اند
دنیای وب، از فرصت شکل‌گیری با گاز تغییر‌و تحول پیدا کرده است. با تغییرات مختف فضای وب، تکنیک‌های مو جود هم تغییر و تحول می‌کنند. با حذف تدریجی HTTP1 و میلاد پروتکل جدید وب، بخش اعظمی از تکنیک‌هایی که در پیشین گزینه استفاده متخصصان سئو بود، منسوخ شده‌اند.

زمانی که صرفا پروتکل وب HTTP1 بود، وب‌مسترها و متخصصین بهینه سازی، برای کاهش سرعت وب سایت از تکنیک‌های مختلفی به کار گیری می کردند. همگی‌ی این تکنیک‌ها بر یک اصل معمولی استوار بودند؛ ادغام کردن.

مثلا در تکینک Combine CSS Files همه پوشه‌های CSS جانور در یک ورقه یا وب‌سایت اینترنتی در قالب یک فایل حجیم گردآوری‌شده و با یک درخواست از سرور دریافت می‌گردد. علت این کار هم تماماً مشخص می باشد. در HTTP1 فرخوان هر فایل وابسته به فرخوان فایل قبلی بود. با استفاده از تکنیک ترکیب‌کردن، تعداد درخواست‌های (Request) کم‌شده و سرعت سایت افزایش می‌یافت.

اما با ورود پروتکل HTTP2 به کارگیری از این تکنیک تاثیر معکوسی بر سرعت و باصرفه‌سازی صفحه خواهد داشت. برای فهم بهتر استدلال آن اجازه دهید به مثال اسباب‌کشی برگردیم.

Combine کردن فایل های CSS و JS در پروتکل HTTP2 خطا می باشد.
فرض کنیم که می‌توانیم کلیه‌ی اثاث خانه را در یک جعبه بسیار والا جای داده و با یک جنبش کلیه وسایل را از خانه خارج کنیم! این عمل تا وقتی مضمون‌ می‌دهد که شما قدرت جابجا کردن آن بسته گران قدر را داشته باشید ولی یک سری نفر در فقید می‌باشند که میتوانند سردخانه و ماشین خرقه‌شویی را هم‌زمان جابجا کنند؟

در صورتی سرور شما از پروتکل HTTP2 برای ارسال فایل و ارتباط با مرورگر استعمال می‌کند مخلوط کردن فایل‌های CSS و JS نه صرفا کمکی به سرعت بارگذاری ورقه نخواهد کرد بلکه موجب میگردد تا عملا از همان HTTP1 برای ارتباط با سرور به کار گیری فرمایید.

از سال 2015 و با معرفی این پروتکل، اکثری از سایت‌ها به استفاده از آن روی طراحی سایت در مشهد آورده‌اند و تا اواسط سال 2021، نزدیک به 50 درصد وب‌وبسایت‌های اینترنتی از پروتکل HTTP2 به کارگیری کرده‌اند. بخشی زیادی از محبوبیت HTTP2 به دلیل افزایش سرعت وب سایت و تاثیر مثبت آن در سئو هست. اما پروتکل تازه وب چطور بر روی seo سایت تاثیر میگذارد؟ و چطور می‌قدرت به بهترین شکل از HTTP2 برای بهبود حالت وب‌تارنما‌ها بهره مند شد؟
درین مقاله به صورت بی نقص HTTP2 و تفاوت آن با نسل سابق یعنی HTTP1.1 را تفحص میکنیم. با به کارگیری از یک‌سری مثال تاثیر مثبت HTTP2 را به صورت عملی مطالعه کرده و در نهایت تکنیک‌هایی که در گذشته رایج بودند اما امروز استعمال از آن ها به بهینه سازی وب سایت شما جراحت می زند را معرفی میکنیم. در نقطه پایان خواهیم دید که چطور قادر خواهیم بود با فعال کردن این پروتکل سرعت وبسایت خود را افزایش داده و یک قدم جلوتر از رقبا باشیم؟
ازHTTP1 تا HTTP2 ؛ نگاهی به سیر تکامل وب
HTTP (مخفف Hypertext Transfer Protocol) یک پروتکل انتقال اطلاعات فرامتنی بین مروگر و سرور می‌باشد. وقتی یک شیت اینترنتی را باز می کنیم، فرآیند‌ای حدوداً طولانی رخداد می‌افتد. فرآیندی که حداقل به عنوان یک کاربر کم‌تر به آن دقت می کنیم.

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

صفحه ها اینترنتی آکنده از پوشه‌های گوناگون می باشند. کدهای HTML، کدهای CSS، JS، تصاویر با فرمت‌های مختلف و فونت‌ها از جمله فایل‌هایی می‌باشند که در کنار هم یک شیت وب را تشکیل میدهند.

در پروتکل HTTP2 و بعداز ایجاد اولی ارتباط در بین مرورگر و سرور منابع و فولدر‌های مربوط به آن شیت به صورت هم زمان و موازی دریافت میگردند
تا قبل از سال 2015، صرفا یک پروتکل بر فضای وب حکم‌فرما بود؛ HTTP1. در HTTP1 هنگامی که مرورگر یک وب سایت را باز میکرد، فولدر‌های متفاوت داخل ورقه مثل CSS، JS، فرمت های تصاویر و موارد دیگر به صورت آحاد فراخوان می‌شدند. به عبارت دیگر شروع مورد نیاز بود یک فولدر به صورت بی نقص فراخوان و بار گذاری شده، آنگاه سرور فایل‌های دیگر را ارسال کند.

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

TBT که یکی از معیارهای اساسی سرعت وبسایت در Core Web Vitals به حساب می‌آید مربوط به همین لود کدهای برگه می‌باشد که بهینه‌سازی کدهای شیت و استفاده از پروتکل Http2 می‌تواند بر روی کاهش مجال TBT موثر باشد.

کلیه‌ی این موارد را می‌توان حول مفهومی به اسم «سالم فنی وبسایت» بازرسی کرد. سرعت تنها یک کدام از فاکتورهای سلامت فنی وب‌وب سایت می‌باشد. برای آشنایی بیشتر با این مفهوم، ما در یک نوشته‌علمی منقطع به رسیدگی سلامت فنی تارنما و تاثیر آن در بهینه سازی پرداخته‌ایم. سفارش می‌کنیم در یک مجال مناسب این نوشته‌ی علمی را نیز مطالعه نمائید.

یک مثال برای درک عالی HTTP2؛ وقتی کلیه یاری می‌کنند
همه‌ی ما تجارب یک بار اثاث‌کشی و مشارکت درین فعالیت را داریم. در یک خانه وسایل زیادی مثل مبل، فرش، ظروف آشپزخانه، وسایل دکوری و اثاثیه دیگری وجود دارد. بیاید فرض کنیم کاملاً دست تنها هستیم و بایستی به تنهایی این وسایل را از باطن خانه بیرون بیاوریم. این عمل چقدر طول خواهد کشید؟

شاید یک روز بدون نقص طول بکشد که یک نفر بتواند همگی اثاث خانه را از منزل خارج کند. این همان اتفاقی می‌باشد که در HTTP1 می‌افتد. درصورتی که اثاث خانه را مثل فولدر‌های متفاوت داخل یک برگه درنظر بگیریم، مرورگر باید دوران زمان زیادی صبر کند تا کل این فولدر‌ها را دریافت و به کاربر نمایش دهد.

به کار گیری از HTTP2 فرصت بار گذاری کاغذ را کاهش داده و موجب بهبود تجربه کاربری می گردد
اکنون بیاید فرض کنیم برای اسباب کشی به دوستان یا خانواده خود اطلاع داده و از او یاری می‌گیریم. کلیه‌ی دوستان و اعضای خانواده برای اثاثیه‌کشی به منزل ما می‌آیند. با همکاری و تعامل تخت گاز و شاید در کمتر از چندین ساعت بتوانیم همه لوازم را به سوا منزل منتقل کنیم.

این همان اتفاقی است که در HTTP2 می‌ افتد. فایل‌های داخل یک ورقه به صورت هم‌‌زمان از سمت سرور به مرورگر ارسال می‌شود. استفاده از HTTP2 یکی از کارهایی است که می تواند سرعت تارنما شما را افزایش دهد. به خیال و خاطر داشته باشید که؛

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

مرگ Combine CSS Files؛ تکنیک‌هایی که منسوخ شده‌اند
دنیای وب، از فرصت شکل‌گیری با گاز تغییر‌و تحول پیدا کرده است. با تغییرات مختف فضای وب، تکنیک‌های مو جود هم تغییر و تحول می‌کنند. با حذف تدریجی HTTP1 و میلاد پروتکل جدید وب، بخش اعظمی از تکنیک‌هایی که در پیشین گزینه استفاده متخصصان سئو بود، منسوخ شده‌اند.

زمانی که صرفا پروتکل وب HTTP1 بود، وب‌مسترها و متخصصین بهینه سازی، برای کاهش سرعت وب سایت از تکنیک‌های مختلفی به کار گیری می کردند. همگی‌ی این تکنیک‌ها بر یک اصل معمولی استوار بودند؛ ادغام کردن.

مثلا در تکینک Combine CSS Files همه پوشه‌های CSS جانور در یک ورقه یا وب‌سایت اینترنتی در قالب یک فایل حجیم گردآوری‌شده و با یک درخواست از سرور دریافت می‌گردد. علت این کار هم تماماً مشخص می باشد. در HTTP1 فرخوان هر فایل وابسته به فرخوان فایل قبلی بود. با استفاده از تکنیک ترکیب‌کردن، تعداد درخواست‌های (Request) کم‌شده و سرعت سایت افزایش می‌یافت.

اما با ورود پروتکل HTTP2 به کارگیری از این تکنیک تاثیر معکوسی بر سرعت و باصرفه‌سازی صفحه خواهد داشت. برای فهم بهتر استدلال آن اجازه دهید به مثال اسباب‌کشی برگردیم.

Combine کردن فایل های CSS و JS در پروتکل HTTP2 خطا می باشد.
فرض کنیم که می‌توانیم کلیه‌ی اثاث خانه را در یک جعبه بسیار والا جای داده و با یک جنبش کلیه وسایل را از خانه خارج کنیم! این عمل تا وقتی مضمون‌ می‌دهد که شما قدرت جابجا کردن آن بسته گران قدر را داشته باشید ولی یک سری نفر در فقید می‌باشند که میتوانند سردخانه و ماشین خرقه‌شویی را هم‌زمان جابجا کنند؟

در صورتی سرور شما از پروتکل HTTP2 برای ارسال فایل و ارتباط با مرورگر استعمال می‌کند مخلوط کردن فایل‌های CSS و JS نه صرفا کمکی به سرعت بارگذاری ورقه نخواهد کرد بلکه موجب میگردد تا عملا از همان HTTP1 برای ارتباط با سرور به کار گیری فرمایید.