0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

آموزش سئو Minify Html JavaScript and CSS

نویسنده پشتیبانی وب یار
امتیاز مطلب
آموزش سئو Minify Html JavaScript and CSS
3 (60%) 1 vote[s]
تعداد بازدید 330
تاریخ بروزرسانی ۲۲ آذر ۱۳۹۳

آموزش سئو Minify Html JavaScript and CSS

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

قابلیت Minify چیست؟

Minify کاری هست که یک بهینه‌ ساز وبسایت باید انجام دهد، با Minify می‌توان حجم قالب را کم کرد و سرعت لود سایت را چندین برابر کرد. تأثیر این عمل بخوبی در سایت‌های آنلالیز سئوی On Page نمایش داده می‌شود.

چگونه Minify را در وردپرس استفاده کنم؟

استفاده از Minify در وردپرس بسیار آسان است، هم می‌توانید قالب خود را Minify نمایید و یا می‌توانید با استفاده از پلاگین‌ها wp-Minify و یا wp super cache و یا دیگر پلاگین‌های cache وردپرس این
عملیات را انجام دهید.

ولی پیشنهاد می‌شود از پلاگین استفاده W3 Total Cache نمایید. برای راه اندازی minify با استفاده ازW3 Total Cache به منوی Minify در پلاگینW3 Total Cache بروید.

معرفی ابزار برای Minify کردن استاندارد کدها

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

http://htmlcompressor.com/compressor
http
://tools.w3clubs.com/cssmin
http
://www.willpeavy.com/minifier
http
://www.minifyweb.com
http
://jscompress.com
http
://cssminifier.com
http
://refresh-sf.com/yui
https
://developers.google.com/speed/docs/insights/MinifyResources
http
://www.minifyjavascript.com

و …

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

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

۱ – html :

برای این که html سایت خودتون را minfy کنید ، ابتدا باید این کد را اولین خط فایل index.php قرار دهید.

<?php
function sanitize_output($buffer) {
$search
= array(
‘/>[^S ]+/s’,
‘/[^S ]+</s’,
‘/(s)+/s’
);
$replace
= array(
‘>’,
‘<‘,
‘۱’
);
if (preg_match(“/<html/i”,$buffer) == 1 && preg_match(“/</html>/i”,$buffer) == 1) {
$buffer
= preg_replace($search, $replace, $buffer);
}
return $buffer;
}
ob_start
(“sanitize_output”);
?>
این کد به شکل های مختلف در سایت ها موجود است ، بهترینش هست که من پیدا کردم ، به هر حال اگر درست کار نکرد ، میتوانید از یک کد دیگر استفاده کنید. فقط کافیه minfy html output را جستجو کنید.

بعد این کد هم آخرین خط فایل index.php قرار دهید :

<?php
ob_end_flush
();
?>

کد های سایت شما باید بین این دو کد قرار بگیرند. به همین راحتی

نمونه :

<?php
function sanitize_output($buffer) {
$search
= array(
‘/>[^S ]+/s’,
‘/[^S ]+</s’,
‘/(s)+/s’
);
$replace
= array(
‘>’,
‘<‘,
‘۱’
);
if (preg_match(“/<html/i”,$buffer) == 1 && preg_match(“/</html>/i”,$buffer) == 1) {
$buffer
= preg_replace($search, $replace, $buffer);
}
return $buffer;
}
ob_start
(“sanitize_output”);
?>
<!doctype html>
<html>
<head>
<meta charset=“utf-8”>
<title>Test</title>
</head>
<body>
this is test text
</body>
</html>
<?php
ob_end_flush
();
?>

۲ – css , javascript :

برای minfy کردن فایل های css و javascript سایت خود ، ابتدا این اسکریپت را از یکی از لینک های زیر دانلود کنید.

https://code.google.com/p/minify
https
://github.com/mrclay/minify

از حالت فشرده خارج کنید و سپس فولدر min را در root سایت خود کپی کنید.

حالا ۲ روش برای minfy کردن وجود دارد :

۲-۱ – مستقیم :

در این روش شما آدرس فایل را مستقیم به اسکریپت ارسال میکند و آدرس فایل ها قابل دیدن است :

http://example.org/min/?f=js/quick-test.js
http
://example.org/min/?f=css/quick-test.css

با گذاشتن , بین فایل ها ، میتوانید چندین فایل را یکجا صدا بزنید. پیشنهادی

نمونه :

http://forum.wp-parsi.com/public/min/index.php?ipbv=fa11d69d698cbe0f3287c01a12de13fb&f=public/style_css/css_1/ipb_help.css,public/style_css/css_1/calendar_select.css,public/style_css/css_1/ipb_common.css,public/style_css/css_1/ipb_styles.css

 

نقل قول

این اسکریپت یک generator هم داره که میتونه آدرس فایل را خودکار براتون بسازه.
برای این کار وارد فولدر min شوید و فایل config.php را باز کنید.
مقدار $min_enableBuilder را برابر true قرار داده و سپس وارد آدرس زیر در مرورگر خود شوید :

http://example.org/min/builder

پسورد در فایل کانفیگ موجود است.

بعد از انجام کار ، دوباره مقدار $min_enableBuilder را برابر false قرار دهید.

۲-۲ – غیر مستقیم : پیشنهادی

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

نمونه :

http://example.org/min/?g=css

برای این کار وارد فولدر min شده و سپس فایل groupsConfig.php را باز کنید.

۲ مثال به عنوان نمونه در این فایل وجود دارد ، میتوانید از حالت comment خارج کنید و استفاده کنید.

نمونه :

return array(
‘js’ => array(‘//js/file1.js’, ‘//js/file2.js’),
‘css’ => array(‘//css/file1.css’, ‘//css/file2.css’),
);

css و js که در این مثال نام برده شده اند ، همان نام گروه هستند که در آدرس فایل وارد میکنیم.

نحوه استفاده :

بعد از انجام مراحل ، کافیه که فقط فایل را در صفحه به راحتی و مثل همیشه صدا بزنید.

<link rel=“stylesheet” type=“text/css” href=“http://example.org/min/?g=css”>
<script type=“text/javascript” src=“http://example.org/min/?g=js”></script>

خب شما توانستید به راحتی کدهای سایت خود را minfy کنید.

آموزش سئو Minify Html JavaScript and CSS
3 (60%) 1 vote[s]
مطالب مرتبط
طراحی سایت چند فروشندگی آراد پیپر
مطالعه :

طراحی سایت چند فروشندگی آراد پیپر طراحی سایت چند فروشندگی آراد پیپر با رعایت اصول سئو در کدنویسی از نمونه کارهای حرفه ای طراحی سایت اصفهان و سئو سایت اصفهان وب یار است. این سایت در زمینه ی سایت فروشگاهی پخش کاغذ و لوازم التحریر، لوازم جانبی موبایل، کارت ویزیت، پایان نامه و نیز ترجمه فعالیت دارد. سایت فروشگاهی آراد پیپر برای مشتریان عزیزی که کسب و کارشان در حوزه های مختلف مرکز پخش کاغذ و لوازم التحریر، لوازم جانبی موبایل، کارت ویزیت، پایان نامه ، ترجمه و سایر حوزه های فروشگاهی می باشد بسیار مناسب است.   آدرس سایت جهت مشاهده تمامی امکانات داخلی و گرافیکی سایت aradpaper.com طراحی سایت چند فروشندگی آراد پیپر منجر به افزایش فروش و درآمد افراد در حوزه های مختلف کسب و کار می شود. در ادامه با هم امکانات سایت آراد پیپر که به تازگی توسط تیم طراحی سایت وب یار طراحی شده است را بررسی می کنیم. اگر شما هم نیاز به طراحی سایت و طراحی سایت فروشگاهی دارید بهتر است طراحی سایت اختصاصی فروشگاهی آراد پیپر را ببینید تا انتخاب آگاهانه تری در مورد انتخاب امکانات سایت خود داشته باشید؛ چرا که ممکن است در میان انتخاب امکانات سایت خود برخی از نیازهای سایت از خاطر شما دور مانده باشد.   ویژگی طراحی سایت چند فروشندگی آراد پیپر از ویژگی های بارز طراحی […]

wireframe-by-photoshop
مطالعه : 5 دقیقه

طراحی وایرفریم در فوتوشاپ     طراحان حرفه ای ترجیح می دهند از فوتوشاپ برای ترسیم وایرفریم استفاده کنند. هر چند ممکن است برای تازه کارها طراحی با فوتوشاپ مشکل باشد اما جذابیت کار با ابزارهای فوتوشاپ هرکسی را شیفته خود می کند پس مطمئن باشید با کسب مهارت لازم و رسم چند وایرفریم در فوتوشاپ، دیگر سراغ سایر نرم افزارهای طراحی وایرفریم نخواهید رفت؛ در ادامه با تیم طراحی سایت اصفهان وب یار همراه باشید تا شما عزیزان را با اصول طراحی وایرفریم در فوتوشاپ بیشتر آشنا کنیم. پیشنهاد می کنیم پست دیگر ما را که درباره معرفی وایرفریم است مطالعه بفرمائید.   چگونه در فوتوشاپ وایرفریم طراحی کنیم؟ قبل از شروع طراحی وایرفریم، باید از خودتان بپرسید کدام صفحه را مایلید طراحی کنید. چه چیزی آن را از سایر سایت های طراحی شده متفاوت می کند و وجود کدام عناصر در این صفحه ضروریست. حالا یک قلم بردارید و طرح اولیه خود را روی کاغذ رسم کنید تا ایده های ذهنی خود را به یک شکل قابل دیدن تبدیل کرده باشید. با این کار یک دید کلی از طرحی که می خواهید در فوتوشاپ ایجاد کنید بدست می آورید. در طراحی وایرفریم ها، سادگی و وضوح المان ها خیلی مهم است.   نکاتی که باید در طراحی وایرفریم رعایت کرد: 1- به جای تصاویر از اشکال هندسی مانند […]

سفارشات در ووکامرس
مطالعه : 5 دقیقه

سفارشات در ووکامرس order in woocommerce بخش سفارشات در ووکامرس یکی از بخش های اساسی هر فروشگاه اینترنتی می باشد که یادگیری آن برای هر طراح سایت و مدیر فروشگاه اینترنتی ضروری می باشد.سفارشات در ووکامرس یکی از بحش های اساسی است و باید به بررسی آن ها پرداخت.بررسی نکردن آن ها ریسک بزرگی است! در بعضی مواقع ممکن است فاصله بین سفارش کالا توسط مشتری و ارسال آن طولانی شود. در مطلب امروز شما را با تنظیمات بیشتر بخش سفارشات در ووکامرس آشنا می کنیم. تا انتهای مطلب با تیم طراحی سایت اصفهان وب یار همراه باشید. هنگامی که یک مشتری فرآیند خرید خود را به اتمام می رساند سفارشات در ووکامرس ساخته می شوند و تنها برای بخش مدیریت و ادمین فروشگاه قابل دیدن می باشد . بخش سفارشات فروشگاه اینترنتی شامل سفارشات ، کسانی که از ما خرید کرده اند ، اطلاعات آن ها و … می باشد. برای مثال تراکنش کاربر x تا چه مرحله ای پیش رفته است؟ کدام تراکنش ها موفقیت آمیز بوده و منجر به خرید توسط کاربران شده است؟ در واقع هدف از بررسی بخش سفارشات در ووکامرس به دست آوردن اطلاعات کاملی درمورد سفارشات می باشد تا به ما در تحلیل آمار سایت کمک کند. در شکل زیر بخش سفارشات در ووکامرس نمایش داده شده است.       اگر از […]

استاندارد رنگ ها
مطالعه : 8 دقیقه

کد رنگ و استاندارد های رنگ مادر و فرزند یکی از موارد اصلی برای طراحی سایت، طراحی فروشگاه اینترنتی و اپلیکیشن انتخاب ترکیب رنگ مناسب می باشد که از اهمیت بالایی برخوردار است و می تواند بر روی تصمیم کاربر اثر زیادی بگذارد. یکی از مشکلات اکثر طراحان سایت سرسری گرفتن این مرحله از طراحی است و آنقدر که لازم است زمان بر روی این موضوع نمی گذارند. در انتخاب رنگ و استاندارد های رنگ همیشه باید توازن بین رنگ ها را در نظر بگیرید. در این مطلب قصد داریم شما را با استاندارد های رنگ آشنا و در این زمینه راهنمایی کنیم تا بتوانید سایت های جذاب برای افزایش فروش و برندینگ شدنتان طراحی کنید. چند مدل رنگ دهی داریم؟ سه مدل رنگ دهی وجود دارد که در زیر به آن ها اشاره می کنیم. استفاده از نام رنگ مانند: red,blue,black و … استفاده از کد ترکیبی (مبنای دهدهی): در این روش از رنگ دهی از کد رنگ به صورت RGB استفاده می شود. که R برای شدت رنگ قرمز،G برای شدت رنگ سبز و B برای شدت رنگ آبی است. استفاده از کد رنگ ترکیبی (مبنای 16): این روش رنگ دهی که به دلیل سادگی و دقیق بودن آن بیشترین کاربرد را دارد از فرمت #rrggbb استفاده می شود که مانند روش دوم است با این تفاوت که […]

مفاهیم پایه اینترنت
مطالعه : 15 دقیقه

مفاهیم پایه ای اینترنت بیشتر کاربران مایل اند از اینترنت برای دریافت اطلاعاتی درباره موضوع مورد علاقه شان، انجام امور بانکی، بازی های آنلاین و خرید اینترنتی استفاده کنند، اما شاید بیشترشان اطلاعات اندکی از مفاهیم پایه ای اینترنت داشته باشند. با تیم طراحی سایت اصفهان وب یار همراه باشید تا به شما بگوییم اینترنت چیست و مفاهیم پایه ای اینترنت چه موضوعاتی را شامل می شود. آنچه در این مقاله خواهید خواند: .   اینترنت چیست؟ مرورگر چیست؟ لینک چیست؟ ایمیل چیست؟ آی پی چیست؟ دامنه چیست؟ زون چیست؟ سرور چیست؟ HTML و CSS چیست؟ طراحی و برنامه نویسی استاتیک چیست؟ طراحی و برنامه نویسی دینامیک چیست؟ .   1) اینترنت چیست؟ اینترنت که گاهی به سادگی « نت » خوانده می شود، یک سیستم جهانی از شبکه های کامپیوتری است؛ به عبارت دیگر، اینترنت، شبکه ای از شبکه هایی است که کاربران در صورت مجاز بودن می توانند از هر کامپیوتری که در این شبکه است اطلاعات مورد نظر خود را دریافت کنند، به اشتراک بگذارند و یا حتی با یکدیگر مکالمه داشته باشند!   تاریخچه اینترنت اینترنت در سال 1969 توسط آژانس پروژه های تحقیقاتی پیشرفته دولت آمریکا (ARPA)  به تصویب رسید و در ابتدا با نام ARPANet شناخته می شد. هدف اولیه از ایجاد اینترنت آن بود که کامپیوترهای تحقیقاتی دو دانشگاه مختلف بتوانند با یکدیگر […]

23نکته سئو
مطالعه : 5 دقیقه

23 نکته سئو در دنیای امروزی که همه چیز بر مبنای رسانه می باشد ، سایت و جایگاه سایت برای موتورهای جست و جو اهمیت زیادی دارد. سایت بدون سئو مانند انسانی است که در بیابانی رها شده و کسی صدای او را نمی شنود. بهینه سازی موتور جست و جو مجموعه ای از روش ها برای تغییر استراتژی وب سایت ها و پیدا کردن جایگاه سایت ها در گوگل و مشاهده بیشتر کاربران از سایت ها می باشد. سئو ی داخلی و خارجی از انواع سئو می باشد که در دوره آموزش سئو داخلی و سئو خارجی می توانید با آن ها آشنا شوید. مهمترین عوامل برای افزایش اهمیت سایت در موتور جست و جو ، راه های سئو و یادگیری نکته سئو می باشد. الگوریتم رتبه بندی گوگل معیار های زیادی دارد که برای رسیدن به آن معیار ها ما به 23 نکته سئو مهم برای محتوا گذاری اشاره می کنیم که بسیار با اهمیت هستند و می توانند شما را برای پیدا کردن راه در بیابان بزرگ اینترنت کمک کنند. 23 نکته سئو و محتوا گذاری اولین نکته سئو این است که هر مطلب حداقل 500کلمه داشته باشد و فرعی و اصلی بودن آن مشخص شود. برای اینکه سایت مان با یکسری از کلمات کلیدی سئو شود از الگوریتم لینک سازی استفاده می کنیم به این صورت […]

دیدگاه ها

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

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