نحوه سرعت بخشیدن به وب سایت شما

مقدمه

ماهیگیر

83٪ کاربران انتظار دارند سایتها در 3 ثانیه یا کمتر بارگیری شوند اما مدت بار متوسط ​​از 500 صفحه اصلی تجارت الکترونیکی 10 ثانیه است

داده ها نشان می دهد که سرعت وب سایت در ایالات متحده چقدر مهم است حدود 25٪ از افرادی که می گویند یک صفحه وب را که بیشتر از آن طول می کشد ، ترک می کنند چهار ثانیه برای بارگذاری

زمان بارگذاری صفحه در ثانیه.

ساعت

در باره 47٪ از همه خریداران می خواهند وب سایت شما در کمتر از دو ثانیه بارگیری شود.

ماهی تابه

اگر یک صفحه بیش از سه ثانیه برای بارگیری بیشتر طول می کشد 40٪ بازدید کنندگان گزاف گویی می کنند.

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

چرا سرعت وب سایت شما اهمیت ندارد?

سرعت می تواند یک وب سایت ایجاد یا خراب کند. این روی ترافیک ، نمای صفحه ، تبدیل ، فروش و شهرت کلی شما تأثیر می گذارد. با سریعتر کردن آن می توانید تجارت یا پایه فن خود را بهبود بخشیده و به رشد آن کمک کنید. مطالعات نشان داده اند:

  • 47 درصد از مردم انتظار دارند وب سایت در کمتر از دو ثانیه بارگیری شود.>
  • اگر 40 درصد طول بکشد بیش از سه ثانیه طول می کشد 40 درصد از مردم احتمالاً وب سایت را ترک می کنند.

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

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

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

در نتیجه ، شما ترافیک بالاتری کسب خواهید کرد و منجر به کیفیت بیشتری می شوید که می توانید به مشتری تبدیل شوید ، در نهایت فروش خود را افزایش داده و درآمد بیشتری کسب می کنید.

چگونه سرعت وب سایت خود را آزمایش کنید?

  • PageSpeed ​​Insights ابزار رایگان Google برای تست سرعت وب سایت شماست و استفاده از آن بسیار آسان است. تمام کاری که شما باید انجام دهید اینست که URL وب سایت خود را وارد کنید و ابزار محتوای آن را تجزیه و تحلیل می کند و پیشنهادهایی در مورد نحوه ساخت وب سایت شما سریعتر ارائه می دهد.
  • پینگدوم همچنین ابزاری بسیار مفید است که نه تنها سرعت وب سایت شما را آزمایش می کند ، بلکه عملکرد وب سایت شما را نیز مرور و ارزیابی می کند. همچنین سابقه عملکرد وب سایت شما را ردیابی می کند ، بنابراین می توانید در مورد هرگونه تغییر احتمالی در مورد سرعت وب سایت خود اطلاعاتی کسب کنید.
  • YSlow ابزاری است که سرعت وب سایت شما را آزمایش می کند و در مورد چگونگی بهبود آن توصیه هایی ارائه می دهد. همچنین می تواند افزونه Chrome را برای بررسی سرعت وب سایت شما در اختیار شما قرار دهد.

15 راه برای سرعت بخشیدن به وب سایت شما

روش های بسیاری برای سرعت بخشیدن به وب سایت شما وجود دارد ، و این امر واقعاً مؤثر و موفق است. در زیر چندین مورد از آسان ترین و موثرترین راه های افزایش سرعت وب سایت و انجام هر تلاش خود در طولانی مدت وجود دارد.

برنامه میزبانی وب خود را ارتقا دهید

به معنای واقعی ، این بدان معنی است که اگر سایت شما به طور معمول روزانه 100000 دلار درآمد کسب می کند

1 ثانیه

بسیاری از افراد وقتی برای اولین بار وبلاگ یا وب سایت ایجاد می کنند ، برنامه های میزبانی وب ارزان را انتخاب می کنند ، بنابراین میزبانی مشترک را انتخاب می کنند. با گذشت زمان ، آنها محتوای بیشتری ارائه می دهند و وب سایت های آنها رشد می کنند و در نهایت کند می شوند. اگر این مورد شما باشد ، بهترین گزینه ارتقاء برنامه میزبانی وب است. به روزرسانی برنامه میزبانی وب خود ساده ترین و ساده ترین راه برای بهبود سرعت وب سایت شماست. اما مطمئن شوید که بهترین شرکت میزبان را انتخاب می کنید که تمام نیازهای شما را برآورده کند.

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

در اینجا فقط یک یادداشت سریع درباره هر دوی آنها وجود دارد. میزبانی VPS (Virtual Private Server) شاید بهترین گزینه برای این کار باشد ، زیرا از چندین سرور برای توزیع محتوا استفاده می کند (بعضی اوقات حتی صدها سرور). همچنین این یک راه حل مقیاس پذیر است و بیشتر مورد توجه تجارت های کوچک و متوسط ​​و همچنین وبلاگ نویسان قرار می گیرد.

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

حافظه پنهان مرورگر را فعال کنید

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

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

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

دست

44٪ خریداران آنلاین می گویند که معاملات کند آهسته باعث نگرانی آنها در مورد موفقیت یک معامله می شود

اما ، حافظه پنهان فقط برای بازدید کنندگان مکرر انجام می شود ، زیرا ، بدیهی است ، بازدید کنندگان بار اول نسخه ذخیره شده و ذخیره شده وب سایت شما را ندارند. با این اوصاف, امکان ذخیره کامل وب سایت شما می تواند زمان بارگذاری صفحه شما را از 2.4 به 0.9 ثانیه کاهش دهد. این به این دلیل است که ممکن است برای اولین بار از وب سایت شما 30 یا چند مؤلفه مختلف وجود داشته باشد که باید در حافظه پنهان کاربر ذخیره شوند ، اما برای بازدیدهای بعدی فقط چند مؤلفه برای بارگیری نیاز دارند..

بسته به بستر وب سایت شما استفاده می کنید ، روش های مختلفی برای فعال کردن حافظه پنهان مرورگر وجود دارد. به عنوان مثال ، اگر از WordPress استفاده می کنید ، ساده ترین راه برای فعال کردن حافظه پنهان ، نصب افزونه است. بهترین افزونه های ذخیره سازی وردپرس هستند W3 حافظه نهان Total, که محبوب ترین افزونه عملکرد است ، و WP Super Cache, که برای وب سایتهایی با سرورهای پر ترافیک و قدرت بالا بهترین گزینه است.

حلزون

51٪ خریداران آنلاین در ایالات متحده می گویند که کند بودن سایت دلیل اصلی عدم ترک خرید است

اگر از Drupal به عنوان CMS استفاده می کنید ، باید از این موارد استفاده کنید کش لاک نرم افزاری برای اعمال نفوذ در ذخیره مرورگر. اگر جوملا CMS شماست ، می توانید حافظه پنهان مرورگر را در داشبورد جوملا خود فعال کنید: به سیستم> پیکربندی جهانی بروید و روی زبانه System کلیک کنید. برچسب Cache را در زیر برچسب تنظیمات Cache مشاهده می کنید ، جایی که برای باز کردن منوی کشویی کلیک کرده و گزینه ON – Conservative Caching را از لیست انتخاب می کنید. ذخیره را کلیک کنید و به Extensions> Plugin Manager بروید ، جایی که می توانید افزونه System – Cache را فعال کنید.

زباله

18٪ اگر صفحات خیلی کند باشد ، خریداران سبد خرید خود را رها می کنند. هزینه کل سبد خرید رها شده برای خرده فروشان آنلاین بیش از 20 میلیارد دلار در سال تخمین زده شده است

همچنین می توانید حافظه پنهان مرورگر را در سطح سرور فعال کنید ، یعنی حافظه پنهان را در اسکریپت نویسی سمت سرور خود ادغام کنید ، این چیزی است که توسعه دهنده وب شما می تواند به شما کمک کند.

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

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

کامیون فقیر

79٪ مشتریهای ناراضی دیگر دیگر از وب سایتهای تحت نظارت استفاده نمی کنند – به جز زمانی که شما Google یا Amazon هستید.

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

اگر تاکنون فایلهای خود را به عنوان فایلهای ZIP در رایانه خود فشرده کرده اید ، باید بدانید که این روش چقدر می تواند اندازه پرونده ها را کاهش دهد. فشرده سازی Gzip دقیقاً یکسان است ، به جز صفحات وب سایت. این بهترین و موثرترین روش فشرده سازی است که می تواند بطور قابل توجهی انجام دهد درخواستهای HTTP را به حداقل برسانید و زمان پاسخگویی را کاهش دهید ، گاهی اوقات تا حدود 70 درصد.

دو مانع

46٪ از مشتریان ناراضی احساس منفی پایدار ایجاد می کنند و 44٪ تجارب خرید خود را با سایر نقاط جهان به اشتراک می گذارند.

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

شما می توانید با استفاده از یک افزونه فشرده سازی مناسب برای CMS خود ، فشرده سازی Gzip را در وب سایت خود نصب کنید ، اما همچنین می توانید به راحتی آن را به صورت دستی انجام دهید. دو روش برای اضافه کردن دستی فشرده سازی Gzip به وب سایت شما وجود دارد. اگر می خواهید متن ، JavaScript ، HTML ، CSS یا XML را فشرده سازی کنید ، کد زیر را به پرونده .htaccess خود اضافه کنید:

100 میلی ثانیه این مدت چه مدت است؟ لوب اکسیپیتال در مغز ما اطلاعاتی را به عنوان یک حافظه حسی ذخیره می کند

سرعت بخشیدن به وب سایت شما
مشاهده سرعت وب سایت خود [Infographic]

متن / ساده توضیحات DefOutputFilterByType
متن / html تعریف DefOutputFilterByType را تعریف کنید
متن / xml DefOutFilterByType DEFLATE
متن / css تعریف DefOateFilterByType را تعریف کنید
برنامه AddOutputFilterByType DEFLATE / xml
برنامه AddOutputFilterByType DEFLATE / xhtml + xml
برنامه DefOutputFilterByType DEFLATE / rss + xml
برنامه / جاوا اسکریپت DefOutputFilterByType DEFLATE
برنامه DefOutputFilterByType DEFLATE / x-javascript

اگر می خواهید انواع خاصی از فایل را با پسوند فشرده سازی کنید ، کد زیر را به پرونده .htaccess خود اضافه کنید:

<فایل ها *.html>
SetOutputFilter DEFLATE
</فایل ها>

راه دوم اضافه کردن فشرده سازی Gzip به وب سایت شما اضافه کردن کد زیر در بالای صفحه HTTP یا PHP شماست:

اگر (substr_count ($ _SERVER["HTTP_ACCEPT_EN CodeING"], "gzip")) ob_start("ob_gzhandler")؛ دیگر ob_start()؛?>

افزونه های غیر ضروری را حذف کنید

100 میلی ثانیه
به بازدید کنندگان توهم پاسخ فوری وب سایت را ارائه می دهیم

1 ثانیه زمان بارگذاری صفحه برای حفظ جریان یکپارچه فکر کافی است

در 10 ثانیه تأخیر ، توجه بازدید کنندگان به سختی حفظ می شود. احساس بی حوصلگی ، ناامیدی و احساس ترك معمولاً به اندازه کافی قوی است تا بازدیدكنندگان از بازدید مجدد از چنین وب سایتهای آهسته خودداری كنند.

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

با حذف افزونه های غیر ضروری ، می توانید زمان بارگیری صفحه را به میزان قابل توجهی بهبود بخشید و وب سایت خود را سرعت بخشید. با این حال ، باید بدانید که وقتی صحبت از افزونه ها می شود ، فقط به تعداد افزونه ها مربوط نمی شود. شما می توانید 50 افزونه داشته باشید و هنوز یک وب سایت سریعتر از کسی که 10 افزونه را در سایت خود نصب کرده است ، داشته باشید. تعداد پلاگین ها مهم است ، اما چیزی در کیفیت آنها نیز وجود دارد. به عنوان مثال ، افزونه های به اشتراک گذاری اجتماعی می تواند تا حد زیادی روی بارگذاری صفحه شما تأثیر بگذارد ، بنابراین ممکن است بخواهید دکمه های رسانه های اجتماعی را در کد منبع تم وب سایت خود تعبیه کنید..

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

توجه: اگر به طور مثال از دروپال یا جوملا استفاده می کنید ، هیچ افزونه ای برای مقابله با آنها در وهله اول ندارید. بنابراین می توانید وب سایت خود را با غیرفعال کردن ماژول ها یا اضافه کردن افزونه های بهینه سازی سرعت ، سرعت بخشید. بهترین توصیه برای دروپال این است که هرگز بیش از 50 ماژول اجرا نکنید. فقط مواردی را که برای عملکرد وب سایت شما کاملاً ضروری هستند اجرا کنید.

در مورد جوملا ، حتماً برنامه های افزودنی زیر را بررسی کنید ، زیرا هر یک از آنها می توانند سرعت سرعت وب سایت شما را افزایش دهند: JQuery آسان, LLFJ, Javascript Async و Defer و ScripttsDown.

به حداقل رساندن درخواست HTTP

زندگی واقعی
مثال ها

آمازون و والمارت هر دو گزارش دادند از دست دادن درآمد در هر 100ms تأخیر بارگذاری سایت

والمارت تبدیل ها را افزایش داد برای هر 1 ثانیه بهبود زمان بار

وقتی موزیلا سرعت صفحه را افزایش داد 2.2 ثانیه, ارقام بارگیری Firefox با افزایش یافت 15.4٪, یا 10 میلیون در سال!

غول تجارت الکترونیکی Shopzilla را دید 50 درصد کاهش بودجه عملیاتی آن با کاهش بار بار صفحه 7 ثانیه به 2 ثانیه

به دلیل درخواست های HTTP بسیار زیاد وب سایت ها می توانند کند باشند. وقتی شخصی به وب سایت شما مراجعه می کند ، پرونده های خاصی را درخواست می کند. مرورگر وب آنها با استفاده از پروتکل HTTP آن فایلها را از سرور شما درخواست می کند. این پرونده ها شامل پرونده های HTML ، CSS و JavaScript هستند. اگر تعداد زیادی از آنها را داشته باشید ، درخواست های HTTP زیادی وجود دارد و در نهایت وب سایت شما کاهش می یابد.

به همین دلیل است که باید درخواست های HTTP را به حداقل برسانید. راه های عالی برای این کار وجود دارد.

  • اسکریپت های CSS ، JS و فایل های HTML را با هم ترکیب کنید.
  • هر زمان ممکن به جای تصاویر از CSS استفاده کنید.
  • تعداد عناصر موجود در هر صفحه وب را کاهش دهید.
  • یک افزونه حافظه پنهان نصب کنید.
  • تغییر مسیرهای تغییر یافته ، که باعث ایجاد درخواست های HTTP اضافی به سرور شما می شوند و زمان بارگذاری صفحه شما را افزایش می دهند.

به عنوان مثال ، اگر وب سایت شما پاسخگو باشد ، کاربران تلفن همراه که از وب سایت شما بازدید می کنند به نسخه پاسخگو آن هدایت می شوند. شما می توانید دو عمل انجام دهید تا مطمئن شوید این نوع تغییر مسیرها وب سایت شما را کند نمی کنند. می توانید جهت هدایت مستقیم کاربران تلفن همراه به URL خاص برای دستگاه یا بدون تغییر مسیرهای اضافی ، هدایت هدایتگر HTTP را تنظیم کنید و یا یک تغییر مسیر JavaScript را برای شناسایی یک URL معادل موبایل و راه اندازی کاربران تلفن همراه به آن تنظیم کنید. با این وجود گزینه دوم می تواند باعث تأخیر شود ، زیرا باید قبل از اجرای JavaScript و اجرای تغییر مسیر ، ابتدا یک صفحه وب در سمت راست تغییر مسیر بارگیری شود..

HTTP Keep-Alive را فعال کنید

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

HTTP در مقابل HTTPS
مشاهده HTTP در مقابل HTTPS [صفحه تقلب]

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

با کپی کردن و قرار دادن کد زیر در پرونده .htaccess می توانید HTTP Keep-Alive را فعال کنید:

<IfModule mod_headers.ج>
هدر تنظیم اتصال زنده نگه داشته شود
</ IfModule>

پرونده های JavaScript و CSS را به حداقل برسانید

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

برای هر ثانیه از بار بار برداشته شده ، Intuit به دست آورد
تبدیل

بار بار

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

Keep-Alive ضمن به حداقل رساندن (کم کردن) درخواست های HTTP و فعال کردن HTTP ، می تواند سرعت وب سایت شما را بسیار بهبود بخشد. شما باید به حداقل رساندن پرونده های JavaScript و CSS توجه کنید زیرا این امر همچنین می تواند سرعت قابل توجهی در وب سایت شما داشته باشد. با قرار دادن کلیه پرونده های JavaScript در یک پرونده جاوا اسکریپت و همچنین قرار دادن کلیه پرونده های CSS در یک پرونده CSS ، تعداد آنها را کاهش می دهید. با این کار تعداد درخواست های HTTP کاهش می یابد و سرعت وب سایت شما بیشتر می شود.

بسیاری از ابزارهای کوچک سازی را می توانید امتحان کنید ، اما ممکن است بخواهید با استفاده رایگان و بسیار آسان شروع کنید WillPeavy افزونه ای که می تواند به شما در جهت به حداقل رساندن فایل های HTML ، CSS و JavaScript کمک کند. BWP Minify (Better WordPress Minify) همچنین افزونه ای عالی است که به شما کمک می کند تا پرونده های جاوا اسکریپت و CSS را تلفیق و کمرنگ کنید ، اما این افزونه فقط برای وردپرس است.

تصاویر خود را بهینه کنید

تصاویر پهنای باند زیادی را به خود اختصاص می دهند. هنگامی که آنها بهینه نشده اند ، به این معنی که اندازه آنها زیاد است ، از منابع سرور زیادی استفاده می کنند و زمان بیشتری را برای بارگیری می گیرند. هنگامی که تصاویر شما بهینه نمی شوند ، وب سایت شما می تواند بسیار کندتر باشد.

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

اگر از WordPress استفاده می کنید ، سعی کنید WP Smush, افزونه ای که لحظه بارگذاری آنها در کتابخانه رسانه خود ، به طور خودکار تصاویر شما را فشرده می کند. از طرف دیگر ، اگر از دروپال یا جوملا به عنوان CMS خود استفاده می کنید ، بررسی کنید کراکن, که همچنین یک ابزار عالی برای فشرده سازی تصاویر است.

علاوه بر این ، استفاده از sprites های CSS را در نظر بگیرید ، زیرا می توانند سرعت وب سایت شما را نیز بسیار بالا ببرند. Sprite یک پرونده است که شامل تمام تصاویر شما است. شما می توانید sprites با استفاده از CSS ایجاد کنید ، که می تواند مختصات را مشخص کند و همه چیز را در یک تصویر به جز بخش مورد نظر خود مخفی کند. بنابراین ، تمام تصاویر شما در یک مکان قرار داده می شود و صفحات وب شما بسیار سریعتر بارگذاری می شوند زیرا یک تصویر بزرگ می تواند سریعتر از بسیاری از تصاویر کوچک بارگذاری شود..

وقتی تو تصاویر خود را بهینه کنید, جدا از اندازه آنها ، شما باید روی قالب آنها و ویژگی src که URL تصویر است ، تمرکز کنید. شما باید با فرمت JPEG بچسبید ، در حالی که PNG نیز خوب است اما توسط مرورگرهای قدیمی پشتیبانی کاملاً پشتیبانی نمی شود.

کاربران تلفن همراه

50٪ از کاربران تلفن همراه اگر در 10 ثانیه بارگیری نشود ، یک صفحه را رها می کند و سه در پنج نمی توانند به آن سایت بروند

وقتی نوبت به ویژگی src می رسد ، باید مطمئن شوید که کد درست است. از کدهای src تصویر خالی خودداری کنید. یعنی کد یک تصویر در HTML شامل موارد زیر است:

<تصویر src="">

هنگامی که هیچ منبع در میان علامت های نقل قول وجود ندارد ، مرورگر درخواستی را به دایرکتوری صفحه یا به خود صفحه ارائه می دهد ، که می تواند بار زیادی را روی سرورهای شما ایجاد کند و حتی داده های شما را خراب کند. بنابراین ، مطمئن شوید که همیشه “صفت src” را با URL معتبر درج می کنید.

قالب وب سایت خود را تغییر دهید

کامیون ثروتمند

میانگین زمان پاسخ برای 14
سایت های خرده فروشی موبایل پیشرو در صنعت
4.73 ثانیه بود. آمازون با
زمان پاسخگویی 2.85 ثانیه

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

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

از CDN استفاده کنید

صبر کاربران وب موبایل

اکثر شرکت کنندگان در این نظرسنجی 6-10 ثانیه قبل از ترک صفحات صبر می کنند

30٪

30٪

16-20 ثانیه

20 دلار

20٪

20 + ثانیه

16٪

16٪

1-5 ثانیه

16٪

16٪

11-15 ثانیه

15٪

15٪

11-15 ثانیه

3٪

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

CDN (شبکه تحویل محتوا) شبکه ای از چندین سرور واقع در سراسر جهان است که محتوای وب را برای کاربران نهایی با توجه به موقعیت جغرافیایی خود ارائه می دهند. CDN می تواند فایلهای استاتیک وب سایت شما را به منظور ارائه ی کارآمدتر آنها و کاهش پهنای باند و بار سرور شما ، میزبانی کند..

با استفاده از CDN ، محتوای وب درخواستی خیلی سریعتر به کاربران نهایی تحویل داده می شود ، زیرا یک CDN از سروری نزدیک به کاربران برای تحویل پرونده های مورد نظر خود استفاده می کند. در نتیجه نه تنها هیچ تاخیری وجود نخواهد داشت بلکه وب سایت شما نیز بسیار سریعتر خواهد شد. این امر به این دلیل است که بازدید کنندگان شما به جای درخواست فایل به طور مستقیم از سرور شما ، به حافظه نهان شما دسترسی خواهند یافت.

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

استفاده از CDN می تواند بسیار گران باشد ، اما مزایای بسیار زیادی دارد ، بنابراین ارزش هر سکه را دارد ، به ویژه اگر اتفاقاً از پهنای باند زیادی استفاده کنید. بنابراین ، اگر یک وب سایت بزرگ و بازدید کنندگان زیادی دارید ، CDN راه شماست.

اسکریپت های خارجی را کاهش دهید

اسکریپت های خارجی که به شکل کدهای جاوا اسکریپت به وب سایت خود اضافه می کنید ، هر بار بارگیری صفحات وب خود ، درخواست HTTP را انجام می دهند. همانطور که قبلاً می دانید ، این وب سایت شما را کند می کند. این اسکریپت های خارجی می توانند سیستم های اظهارنظر خارجی ، جعبه های بازشو ، فونت های خارجی ، خدمات تجزیه و تحلیل وب سایت ، جعبه های رسانه های اجتماعی ، مانند جعبه “مانند صفحه من” از فیس بوک ، و بسیاری موارد دیگر باشند.

اگرچه مطمئناً نباید همه اسکریپت های خارجی خود را از بین ببرید ، اما باید آنها را کاهش دهید ، زیرا این امر به شما در سرعت بخشیدن به وب سایت شما کمک می کند. به عنوان مثال می توانید از Pingdom استفاده کنید تا بررسی کنید کدام یک از اسکریپت های خارجی بیشترین بارگذاری را دارند و در صورت غیر ضروری بودن آنها ، می توانید آنها را از بین ببرید.

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

پیوندهای خراب را برطرف کنید

وای فای

50٪ بودجه زمان بارگذاری صفحه دوم شما در تلفن همراه توسط سررسید تأخیر شبکه انجام می شود.

پیوندهای شکسته در محتوای شما نمی توانند وب سایت شما را کند کنند ، اما می توانند تجربه کاربر را تحت تأثیر قرار دهند ، بنابراین باید به همه آنها توجه جدی داشته باشید. با این حال ، پیوندهای شکسته در CSS ، JavaScript و URL های تصویر شما می توانند بر سرعت وب سایت شما تأثیر منفی بگذارند. بطور مرتب پیوندهای خود را اسکن کرده و به محض مشاهده آنها لینکهای خراب را برطرف کنید.

پیوندهای شکسته بیشتر در پرونده های منبع تصویر مشاهده می شوند ، که در صورت اشتباه URL صورت می گیرد. این پیوندها به راحتی قابل چشم پوشی هستند ، به خصوص هنگامی که اندازه یک تصویر خاص به عنوان بسیار کوچک تعریف شود. هنگامی که یک پیوند شکسته در تصویر شما وجود دارد ، یعنی وقتی یک خطای 404 ظاهر می شود ، آن پیوند خراب یک درخواست هدر رفته از درخواست HTTP ایجاد می کند ، و این باعث می شود وب سایت شما کندتر شود. مرورگر تلاش می کند تصویری را که در دسترس نیست بارگیری کند ، بنابراین صفحه وب شما زمان بیشتری را صرف بارگیری تصویر می کند ، وب سایت شما را کند می کند.

تلفن

99٪ مشکلات زمان پاسخ هنوز هم با کند بودن UI ایجاد می شود

پیوندهای شکسته همچنین در برچسب های لینک CSS در قسمت اسناد HTML شما یافت می شوند. دقیقاً مانند پرونده های تصویری ، اگر پرونده CSS شما جایی نیست که به آن وصل شده اید ، درخواست HTTP به یک پاسخ بی فایده منجر می شود و با یک کد 404 باز می گردد. اگر به مقدار زیادی از فایلهای CSS خارجی استفاده می کنید ، به طور مرتب چک کردن پیوندهای خراب را بررسی کنید ، زیرا می توان آنها را جابجا کرد و منجر به خطای 404 شد.

اگر پیوند شکسته در URL منبع JavaScript وجود داشته باشد ، وب سایت شما نیز می تواند مانند فایل های منبع تصویر و پیوندهای CSS کند شود. اما مرورگر ممکن است سعی کند JavaScript را تفسیر کند و باعث شود نه تنها زمان بارگیری بیشتر شود ، بلکه باعث تعامل اسکریپت نیز می شود. وقتی مرورگر سعی می کند به جای JavaScript یک صفحه 404 بارگیری کند ، تمام بارگیری های دیگر متوقف می شوند تا اینکه بارگیری یک صفحه 404 کامل شود. به همین دلیل باید همواره جاوا اسکریپت خود را در پایین اسناد HTML خود قرار دهید (درست قبل از بسته شدن) برچسب) ، که به ویژه هنگامی که پیوندهای شکسته وجود دارد مهم است.

می توانید پیوندهای خراب را با آنها بررسی کنید جستجوگر لینک شکسته وردپرس رایگان.

سرعت سنج

اجرای یک راه حل خودکار بهینه سازی جلویی در کنار CDN می تواند صفحات را تا چهار برابر سریعتر کند

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

Hotlinking را غیرفعال کنید

اگر لینک داغ را غیرفعال نکنید ، به افراد اجازه می دهید تا از مطالب میزبانی شده در سرور شما برای وب سایت های خود استفاده کنند. با اجازه دادن به آنها به طور عملی می توانید از سرورها و محتوای خود برای وب سایتهای خود استفاده کنید ، بدون هیچ دلیل بار زیادی از سرور دریافت خواهید کرد.

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

سیارات

79٪ از 400 سایت برتر تجارت الکترونیکی در اتحادیه اروپا و 75٪ از بین 2000 سایت برتر تجارت الکترونیکی در ایالات متحده ، از CDN شناخته شده استفاده نمی شود

Hotlinking معمولاً شامل تصاویر و سایر فایلهای چندرسانه ای است که به طور کلی پهنای باند زیادی را به خود اختصاص می دهند. بنابراین ، اگر وب سایتی را با عکس های اندک و بدون تصاویر راه اندازی کنید ، غیرفعال کردن لینک مستقیم در واقع بر سرعت وب سایت شما تأثیر نمی گذارد.

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

از CMS قابل اطمینان استفاده کنید

کامپیوتر

فقط 10٪ دوره انتظار با پاسخ HTML به درخواست های مرورگر و باقی مانده تعریف شده است 90٪ تأخیر در صفحات رندر ، تجزیه HTML ، اجرای اسکریپت های کد و بازیابی دارایی های جاسازی شده ایجاد می شود

CMS (سیستم مدیریت محتوا) برای عملکرد و عملکرد وب سایت شما بسیار مهم است. بهترین و مطمئن ترین CMS که می توانید استفاده کنید قطعاً وردپرس است اما CMS های عالی دیگری همچون دروپال و جوملا نیز وجود دارند. اگر از هر یک از اینها به عنوان پلت فرم وب سایت خود استفاده می کنید ، درست از نظر عملکرد سایت خود عمل خواهید کرد.

با این وجود ، اگر از CMS دیگری که کمتر محبوب است یا حتی چیزی که خودتان ساخته اید استفاده می کنید ، خطر داشتن یک وب سایت بسیار کند است. برای جلوگیری از این امر ، اطمینان حاصل کنید که تحقیق کاملی انجام داده و یک CMS را انتخاب کنید که قابل اطمینان باشد و متناسب با نیازهای شما باشد.

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

بایگانی

فشرده سازی تصویر باید یک معامله متفکر بین اندازه و کیفیت تصویر باشد. برای JPG ها ، فشرده سازی 60-70 درصد تعادل خوبی ایجاد می کند. برای صفحه نمایش شبکیه ، اندازه تصویر (JPGs) را 150-200 درصد افزایش دهید ، 30-40 درصد فشرده سازی کرده و دوباره مطابق با ابعاد مورد نیاز آن را کم کنید..

پایگاه داده خود را بهینه کنید

بهینه سازی بانک اطلاعاتی شما یکی دیگر از روشهای بسیار مؤثر برای سرعت بخشیدن به وب سایت شماست. این کاری است که شما باید بطور منظم انجام دهید ، به خصوص اگر از WordPress یا برخی دیگر از CMS استفاده می کنید که به کاربرد دیتابیس وابسته زیادی دارد.

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

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

به عنوان مثال ، اگر از WordPress استفاده می کنید ، می توانید تمیز کردن دیتابیس خود را با یک افزونه بسیار مفید مانند ، به طور خودکار انجام دهید WP-Optimize.

نتیجه

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

مطمئنا روش های بیشتری برای افزایش سرعت وب سایت وجود دارد ، اما موارد ذکر شده اساسی ترین و مؤثرترین آنهاست. ممکن است در صورت جداگانه رسیدگی به آنها مشکل جزئی به نظر برسد ، اما در کنار هم ، می توانید مطمئن باشید که آنها تفاوت بزرگی ایجاد کرده و وب سایت شما را به میزان قابل توجهی سرعت می بخشند.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map