صفحه اصلی / آموزش افزونه Autoptimize / بهینه سازی کد نویسی قالب وردپرس

بهینه سازی کد نویسی قالب وردپرس

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

بهینه سازی کد نویسی قالب وردپرسبهینه سازی کد نویسی قالب وردپرس

بهینه سازی کد نویسی قالب وردپرس و ارتقاء آن به html5 به همراه ولید کردن قالب وردپرس در کنسرسیوم جهانی وب w3c با توجه به متن بالا یکی از اولویت های نتایج موتورهای جستجو میباشد لذا اگر خدمات طراحی قالب وردپرس خود را به تیمی خارج از تیم خود سپرده اید حتما به این نکته توجه کنید .

 

از نکات سئو و بهینه سازی سایت های وردپرس برای موتورهای جستجو و بخصوص گوگل بهینه بودن و یا در ولید بودن کدهای html و css قالب سایت های وردپرسی است ، خطاهای موجود در قالب وردپرس به دلیل رعایت نکردن استانداردهای تعیین شده از کنسرسیوم w3c توسط فرد کدنویس و برنامه نویس سایت وردپرسی بوجود می آید از مراتب خطاها می توان مواردی همچون :

  • نبستن متاهای سایت
  • استفاده از روش غیر حرفه ای برای بستن تگی خاص
  • به کار نبردن تگ alt در تصاویر
  • استفاده از تگهای نامتعارف و منقضی شده و …

را نام برد.

برای بررسی معتبر بودن کدهای وب سایت وردپرسی تان می توانید به سایت w3.org و استفاده از بخش Markup Validation Service برای بررسی html سایت و همچنین مراجعه به ادرس CSS Validation Service برای اعتبار سنجی css سایت اقدام کنید با وارد کردن آدرس سایت در فیلد موجود اگر کدنویسی قالب مشکلی نداشته باشد با عبارت passed در html و با عبارت no error found در css مواجه می شوید اما در صورت داشتن خطا تعداد خطاها و محل وقوع خطا نمایش داده شده و راهکاری برای رفع آن نیز پیشنهاد می شود با یک متخصص در مورد مشکل پیش آمده صحبت کنید.

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

بسیاری از مشکلاتی که در رندر شدن ایجاد میشود به دلیل کدهای اشتباه است.این کدهای اشتباه گاه میتوانند لود وبسایت را چندین برابر افزایش دهند.

  • فضاهای خالی میان کدها را حذف کنید.
  • مشکلاتی که در تگ های مهم وجود دارند را حل کنید.
  • سعی کنید تا جای ممکن از کدهای کوتاه استفاده کنید.

استفاده از HTML تا جایی که ممکن است به جای کدهای PHP بسیار مورد توصیه میباشد.

بهینه سازی قالب وردپرس

برای مدیریت و بهینه سازی وبسایت خود بهتر است از موارد و توضیحات زیر بر اساس تجربه در مکانیک وردپرس استفاده نمائید :

شروع :  افزونه wp rocket را دانلود و اجرا کنید.

wp rocket افزونه ای برا سرعت بخشیدن به وردپرس و همچنین در کاهش مصرف پهنای باند شما کمک بزرگی خواهد کرد . این افزونه بصورت اورجینال در فروشگاه مکانیک وردپرس نیز قابل خرید میباشد .

این افزونه تمام کد‌های وبسایت را خلاصه سازی می‌کند، تاریخ انقضا به آن‌ها اضافه می‌کند ، آنها را بصورت کش در می آورد و جهت افزایش هرچه بیشتر سرعت سایتتان فایل ها و استایل وبسایت را در قسمت head قالب وردپرس و کد‌های جاوای وبسایت را در قسمت footer سایت فراخونی میکند . این افزونه وردپرس تمام کد های html قالب شما را جهت بالا بردن سرعت سایت فشرده میکند .

۱ – بهینه سازی سرعت با قابلیت ها زیاد در بخش wp rocket .

در پیشخوان افزونه افزایش سرعت wp rocket میتوانید گزینه های بهینه سازی HTML، CSS و JavaScript را فعال نمائید. در ادامه ممکن است با برخی موارد با مشکل مواجه شوید که در صورت بروز مشکل غیر فعال کنید و مجدد تست کنید .

در صورتی که میخواهید فایل های html قالب شما فشرده شود در بخش بهینه سازی فایل تیک گزینه فشرده سازی html , … را بزنید.

۲ –  تنظیمات بخش CDN Options

با اینکه معدود صاحبان سایت از CDN برای سایت خود استفاده می‌کنند، اما اگر شما برای سایت خود امکان CDN را تهیه کرده‌اید. می‌توانید با تیک زدن موارد این بخش و نوشتن آدرس دامنه و یا زیردامنه CDN خود (که در صورتی که CDN را فعال کرده باشید، آن را از هاست خود خواهید ساخت) این امکان را فعال، و آدرس فایل‌های فشرده‌تان را به دامنه و یا زیردامنه CDN خود منتقل کنید.

در ‌‌نهایت نیز در بخش Cache Info با تیک زدن گزینه Do not compress cache files می‌توانید فایل‌های بوجود آمده را با استفاده از WebServer خود فشرده سازی کنید.

فشرده سازی دستی css

اگر مایل به نصب افزونه Autoptimize نیستید میتوانید فشرده سازی فایل های css , html , js را بصورت دستی اجرا کرده و در قالب خود اضافه کنید .

برای فشرده سازی css کافیست به ادرس زیر برید ;

CSS Compressor

طبق تصویر زیر کد های css قالب خود را در بخش مورد نظر paste کنید ;

بهینه سازی کد نویسی قالب وردپرس

بعد از paste کردن کد های css و زدن دکمه compress خروجی را در زیر مشاهده میکنید که بصورت فشرده میباشد

در پایان کد خروجی را در فایل css خود بجای فایل قبلی وارد کنید

فشرده سازی دستی js

برای فشرده سازی فایل های جاوا اکسریپت کافیست به ادرس زیر برید ;

Minify your JavaScript

طبق آموزش بالا کد های جاوای خود را در بخش Input JavaScript وارد کنید و در بخش Minified Output خروجی کد های جاوا اسکریپت خود را بجای فایل قبلی paste کنید .

فشرده سازی دستی html

html compressor.com

 در این سایت میتوانید فایل های html خود را بارگزاری کنید و هم کد های html را در بخش مربوطه بچسبانید

نکته : اگر همراه html شما کد های php و یا asp باشد هم میتوانید در بخش code type مشخص کنید و فایل را بصورت فشرده دریافت کنید .

در صورت سوال در بخش نظرات مطرح کنید

موفق و پیروز باشید

نوشته بهینه سازی کد نویسی قالب وردپرس اولین بار در مکانیک وردپرس | آموزش وردپرس – آموزش ووکامرس پدیدار شد.


منبع مطلب

این مطالب را نیز ببینید!

تاثیر مثبت افزایش سرعت سایت در نسخه موبایل

تاثیر مثبت افزایش سرعت سایت در نسخه موبایل

در وبلاگ رسمی گوگل اعلام شد که : مردم می خواهند در کمترین زمان ممکن …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *