morva host
کاربر تازه وارد
- تاریخ عضویت
- 6 آگوست 2018
- نوشتهها
- 8
- لایکها
- 1
- سن
- 26
بدون هیچ شک و تردیدی بلاخره روزی می بایست برای افزایش سرعت وب سایت خود اقدام نمایید، چراکه با توجه به آمار روز افزون استفاده از اینترنت روی گوش های هوشمند(smartphones)، از سال ۲۰۱۶ به بعد ترافیک وب سایت ها تاحد بسیارزیادی از طریق تلفن همراه و تبلت ها می باشد.
بر این اساس، گوگل طی چند ماه گذشته نحوه نمایش و سرعت سایت ها را در تلفن های همراه و تبلتها به عنوان یکی ازفاکتورهای مهم در رتبه سایت ها در نظر می گیرد. همچنین این فاکتور از تابستان ۲۰۱۸، تأثیر چشمگیری بر عملکرد و سئوی وبسایت ها خواهد داشت.
همچنین در کنار این تغییر قابل توجه، فاکتور دیگری تحت عنوان “به روزرسانی سرعت(speed update)” توسط گوگل ارائه خواهد شد، که در هنگام تعیین رتبه بندی جستجوی سایت، زمان بارگذاری سایت در تلفن همراه را در نظر می گیرد.
سرعت نه تنها برای موتورهای جستجو مهم است، همچنین تاثیر قابل توجهی بر جذب کاربر نیز دارد. گوگل فاکتور لودشدن سایت را مدت زمانی که یک صفحه صدا زده می شود تا زمانی که آن صفحه کامل بارگذاری می شود، درنظر میگیرد. طبق آمار مدت زمانی که لود سایت از یک ثانیه به سه افزایش می یابد، احتمال نرخ پرش سایت و از دست دادن مشتریان ۳۲% افزایش می یابد. همچنین برای مدت زمان بارگذاری سایت در شش ثانیه، میزان نرخ پرش سایت حدود ۱۰۶٪ و برای لود سایت در ۱۰ ثانیه، حتی ۱۳۲٪ می باشد. در حال حاضر، میانگین زمانی نرخ پرش بالا، روی تلفن های همراه ۲۲ ثانیه می باشد.
در ادامه چند نکته برای بالا رفتن سرعت وب سایت روی تلفن های هوشمندو تبلت ها و نیز بالارفتن رتبه سایت در سئو آورده شده است.
ساده ترین راه برای فشرده سازی و کاهش حجم تصاویر خود مخصوصا برای دستگاه های موبایل بدون کاهش کیفیت، استفاده از ابزارهایی نظیر Compressor.io می باشد. همچنین از وب سایتهای آنلاین نظیر compresspng.com نیز می توانید استفاده نمایید.
همچنین به عنوان طراح وب سایت، شما می توانید با استفاده کدنویسی CSS (مخفف cascading style sheets ) در حالت واکنشگرا (responsive)، مشخص نمایید در سایزهای مختلف دستگاهای موبایل و تبلت، تصاویر و مدیا ها با چه اندازه ای نمایش داده شوند.
این تغییرات را می توان بصورت دستی انجام داد، اما همچنین می توانید از ابزارهای آنلاین نیز جهت بهینه سازی کدها از جمله CleanCSS، UglifyJS، Minify Code و Better WordPress Minify استفاده نمایید.
همچنین می توانید با استفاده از Extension گوگل کروم با نام PageSpeed Insight برای تولید نسخه بهینه شده از کد HTML صفحه وب خود استفاده کنید.
lazy load روشی است که در آن محتوای یک صفحه سایت وقتی به آن نیاز است، لود (بارگذاری) میشود، و تمام محتوای صفحه سایت به صورت یکباره بارگذاری نمی شود. در حقیقت هنگامی که یک صفحه سایت را مشاهده میکنید تمام صفحه به یک باره در مرورگر شما باز نمیشود و هنگامی که به سمت پایین صفحه اسکرول میکنید تا ادامه محتوای صفحه را مشاهده کنید صفحه نمایش داده میشود و این حالت ادامه داده میشود.
راه های مختلفی برای دستیابی به این هدف وجود دارد:
توجه داشته باشید که صرفا انتقال تگ های اسکریپت به انتهای کد صفحه شما مشکل را حل می کند، اما اغلب این اقدام کافی نیست و ممکن است مجبور شوید کد جاوا اسکریپت خود را برای رسیدن به نتایج بهتر تغییر دهید.
نتیجه گیری
با توجه به رشد روزافزون دستگاهای تبلت و تلفن همراه، افزایش سرعت سایت بسیار در اولویت می باشد. جهت بهینه سازی سایت برای موبایل ها، تنها اعمال تغییراتی در کد سایت شما می تواند منجر به افزایش ترافیک وب سایت شما گردد.
منبع: مرواهاست
بر این اساس، گوگل طی چند ماه گذشته نحوه نمایش و سرعت سایت ها را در تلفن های همراه و تبلتها به عنوان یکی ازفاکتورهای مهم در رتبه سایت ها در نظر می گیرد. همچنین این فاکتور از تابستان ۲۰۱۸، تأثیر چشمگیری بر عملکرد و سئوی وبسایت ها خواهد داشت.
همچنین در کنار این تغییر قابل توجه، فاکتور دیگری تحت عنوان “به روزرسانی سرعت(speed update)” توسط گوگل ارائه خواهد شد، که در هنگام تعیین رتبه بندی جستجوی سایت، زمان بارگذاری سایت در تلفن همراه را در نظر می گیرد.
سرعت نه تنها برای موتورهای جستجو مهم است، همچنین تاثیر قابل توجهی بر جذب کاربر نیز دارد. گوگل فاکتور لودشدن سایت را مدت زمانی که یک صفحه صدا زده می شود تا زمانی که آن صفحه کامل بارگذاری می شود، درنظر میگیرد. طبق آمار مدت زمانی که لود سایت از یک ثانیه به سه افزایش می یابد، احتمال نرخ پرش سایت و از دست دادن مشتریان ۳۲% افزایش می یابد. همچنین برای مدت زمان بارگذاری سایت در شش ثانیه، میزان نرخ پرش سایت حدود ۱۰۶٪ و برای لود سایت در ۱۰ ثانیه، حتی ۱۳۲٪ می باشد. در حال حاضر، میانگین زمانی نرخ پرش بالا، روی تلفن های همراه ۲۲ ثانیه می باشد.
در ادامه چند نکته برای بالا رفتن سرعت وب سایت روی تلفن های هوشمندو تبلت ها و نیز بالارفتن رتبه سایت در سئو آورده شده است.
- از Redirectهای کمتری استفاده کنید.
ریدارکت/فوروارد نمودن سایت یا مطالب داخل آن، راهی آسان برای بهبود سئوی سایت و افزایش ترافیک سایت است، اما در فاکتور جدید گوگل یعنی سرعت سایت (speed update) یک چالش به حساب می آید. به زبان ساده تر، فوروارد کردن لینک ها به سایت دیگر راهی برای انتقال بازدیدکنندگان از یک آدرس وب به سایت دیگری است. هنگامی که یک بازدید کننده بر روی لینکی در تلفن همراه خود کلیک می کند، دستگاه درخواست رابه سرور مربوطه ارسال می کند.
جهت ریدارکت های داخل سایت نیز، دستگاه برای هر کدام از لینک ها، درخواستی را به سرور ارسال می کند و هرچه تعداد درخواست ها بیشتر شود، زمان بیشتری تا لود کامل سایت نیاز می باشد.
- از تصاویر با سایز کمتر استفاده کنید.
ساده ترین راه برای فشرده سازی و کاهش حجم تصاویر خود مخصوصا برای دستگاه های موبایل بدون کاهش کیفیت، استفاده از ابزارهایی نظیر Compressor.io می باشد. همچنین از وب سایتهای آنلاین نظیر compresspng.com نیز می توانید استفاده نمایید.
همچنین به عنوان طراح وب سایت، شما می توانید با استفاده کدنویسی CSS (مخفف cascading style sheets ) در حالت واکنشگرا (responsive)، مشخص نمایید در سایزهای مختلف دستگاهای موبایل و تبلت، تصاویر و مدیا ها با چه اندازه ای نمایش داده شوند.
- کدهای وب سایت را بهینه کنید.
این تغییرات را می توان بصورت دستی انجام داد، اما همچنین می توانید از ابزارهای آنلاین نیز جهت بهینه سازی کدها از جمله CleanCSS، UglifyJS، Minify Code و Better WordPress Minify استفاده نمایید.
همچنین می توانید با استفاده از Extension گوگل کروم با نام PageSpeed Insight برای تولید نسخه بهینه شده از کد HTML صفحه وب خود استفاده کنید.
- از lazy loading استفاده نمایید.
lazy load روشی است که در آن محتوای یک صفحه سایت وقتی به آن نیاز است، لود (بارگذاری) میشود، و تمام محتوای صفحه سایت به صورت یکباره بارگذاری نمی شود. در حقیقت هنگامی که یک صفحه سایت را مشاهده میکنید تمام صفحه به یک باره در مرورگر شما باز نمیشود و هنگامی که به سمت پایین صفحه اسکرول میکنید تا ادامه محتوای صفحه را مشاهده کنید صفحه نمایش داده میشود و این حالت ادامه داده میشود.
راه های مختلفی برای دستیابی به این هدف وجود دارد:
- پلاگین جی کوئری Lazy Load را نصب کنید.
- ترتیب کد خود را به دو بخش های بالا(above-the-fold) و پایین (below-the-fold) تقسیم کنید.
- تنها از یک فایل CSS خارجی استفاده کنید ویا از CSS درون خطی استفاده کنید که محتوای بالاتر (above-the-fold) را بارگذاری کند.
- جاوا اسکریپت را انتهای صفحه قرار دهید.
- جاوا اسکریپت را در انتهای کدها اجرا نمایید.
توجه داشته باشید که صرفا انتقال تگ های اسکریپت به انتهای کد صفحه شما مشکل را حل می کند، اما اغلب این اقدام کافی نیست و ممکن است مجبور شوید کد جاوا اسکریپت خود را برای رسیدن به نتایج بهتر تغییر دهید.
نتیجه گیری
با توجه به رشد روزافزون دستگاهای تبلت و تلفن همراه، افزایش سرعت سایت بسیار در اولویت می باشد. جهت بهینه سازی سایت برای موبایل ها، تنها اعمال تغییراتی در کد سایت شما می تواند منجر به افزایش ترافیک وب سایت شما گردد.
منبع: مرواهاست
Last edited by a moderator: