How to Make Your Website Responsive & Fast in Urdu/Hindi



The good news is that mobile users/searches have surpassed the desktop users/searches in 2015. This was one of the major indications Google used to mention in their past announcements. The next generation is the mobile generation, so one can think that 2016 will be the year of mobile traffic and searches. And therefore, we must think on how to improve our websites/blogs’ mobile visibility very quickly without wasting more time. I already had made all of my websites responsive [mobile friendly] a few years ago, but now I took all the steps which were necessary to improve the user experience on mobile devices including the browsing speed. Today, I’ve come up with a complete tutorial in Urdu/Hindi about how to make your websites responsive and mobile friendly in 2015. And more importantly, how to improve your website loading time which is one of the major factors in slow browsing and resulting errors in mobile searches. Google has announced that Mobile Ranking will be an important factor of future SEO. So make sure you take it seriously.

mobile-responsive-web-design

How to Make Your Website Responsive?

Before taking any step, you first need to check whether your website is mobile friendly, I mean responsive or not, for this purpose you can use two popular tools, one is introduced by Google recently and another one is a famous mobile testing website online. However, the important & authentic one is Google.

Now, if your sites/blogs are already responsive & mobile friendly then make sure to bring a beautiful smile on your face, but if not then let’s do it together now.

For making your website/blog mobile friendly, you need to install a responsive template/theme which can automatically adjust on any device such as desktop devices i.e Monitor, LCD, Laptops, and mobile devices i.e Smart Phones, iPads, iPhones, Tablets and Nokia Mania. Every template/theme designer has mentioned in the description of that template/theme whether their template/theme is responsive or not, so if you are not using a mobile friendly [responsive] theme/template on your blog/site then don’t waste time and replace your template/theme today with a responsive one.

How to Make Your Site Loading Fast Everywhere?

Now when the responsive design is done, the next step is to make your website loading very fast on all devices, I mean your website/blog should load within 3 seconds on both mobile devices and desktops. So in order to make it possible, we first need to check whether our websites/blogs are loading fast or not. We have so many tools out there for this purpose, but I’ll recommend you to use two accurate and official tools to know the score and issues with your website speed. Find the tools below:

You should get 80 out 100 score for mobile devices in Google tool, and 85 out of 100 for desktop devices in Google tool. And you should get 85+ out of 100 in GT Metrix and 80 for YSlow score. If you got the score what I’m saying here then you are a super man in this area, so you need a little efforts to make it more better. But if you have got very less score, then BUDDY, you are in the HOT water. Watch the video!

However, we can make our websites/blogs more fast by taking a few steps such as installing “Autoptimize” plugin in WordPress, this plugin will actually move our site’s CSS & JavaScript files to somewhere which can not interrupt the above fold area when our website is viewed in the browser [detail talk on this in the video].

We should also add leverage browsing caching code to our .htaccess file, this actually adds expiration for the header requests which are sent to the server numerous times a day, and this will save a lot of time, and thus an improved website speed and experience for the users. Below is the code you can add to the top of your .htaccess file in your Cpanel, you can watch the details of this in the video above:

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType text/x-javascript “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 2 days”
</IfModule>
## EXPIRES CACHING ##

After adding above code to the top of your .htaccess file, you’ll see a dramatic change in your website speed, but you should wait for a few hours or few days to see it in full affect.

Now if you want to make your website speed working like a rocket then use and install a CDN (Content Delivery Network) such as CloudFlare or MaxCDN. I’ve a tutorial in Urdu on how to use & install CloudFlare CDN in Urdu/Hindi, and I suggest you to watch that tutorial and use CDN to make your website the best for the users.

Let me know in the comments, if you have any further question!

About Abdul Wali

Abdul Wali is a Web Developer, SEO Consultant and Online Instructor working online for last 6 years on the internet and managing several successful websites. You can contact him via Email or follow him on Facebook. Also add him on .

Check Also

free-music

How to Find Free Music for Your Videos?

Majority of video creators including myself strive to find free music for their videos. Using background music …

  • syabuzar

    assalamualaikum bhaijan:))
    maine youtube channel ko mere dost k email se adsense k liye apply kiya tha and that is approved now.
    to kya ismain mujhe koi pareshani hogi?
    kya youtube adsense se related apne video banaye hain
    please need help>>

  • that is i need for my website

    • Ahmed Butt

      Your website name ?

  • i am using this for htaccess and its work too

    Header set Cache-Control “max-age=604800, public”

  • can u tell me the font name which you are using on your site?

    • I’ll tell you when I login to my WordPress next time, By the way, I’m changing this font because it’s not user friendly.

  • Asif Ali Jokhio

    Wali Bhai Salam, Bhai men ye jo script code he woh apne Cpanel men jake waha .htaccess men sab se uper pase karta hun to ye error ajata he

    • kia error ata ha apke pass? w/salam

      • Asif Ali Jokhio

        Internal Server Error

        The server encountered an internal error or misconfiguration and was unable to complete your request.

        Please contact the server administrator, webmaster@learn2free.gorakhnews.com

        and inform them of the time the error occurred, and anything you might have done that may have caused the error.

        More information about this error may be available in the server error log.

        Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.

        • ap phir iski jaga par leverage browser caching ninja plugin use kare WordPress ma.

          • Asif Ali Jokhio

            Mene Woh bhi Ki he or Jab Plugin ko Active karke Update Karta hun to Woh Error De Rahe can’t active this plugin is type ka error de rahe he

  • yasir

    slam wali bae ak problem hain plz help me

    me ne jab leverage browsing caching code .htacces file mae paste kiya to site server earror a jata hy ye chek krain

    Internal Server Error

    The server encountered an internal error or misconfiguration and was unable to complete your request.

    Please contact the server administrator at webmaster@yasironlinemoney.com to inform them of the time this error occurred, and the actions you performed just before this error.

    More information about this error may be available in the server error log.

    Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.

    plz help me me 3 4 din se try kar rha hn

    • yasir

      jab ye code hata deta hn to site open ho jati hy code dalney se site open nae hoti plz help me wali bae ap ki meharbani ho gi

    • agar apke pass ya code kam nahi kar raha tu phir kindly ap isko use na kare, ap phir Leverage browsing caching ninja k name se aik plugin ha WordPress ma wo use kare.

      • yasir

        ok i will try now plz but wali bae same ye code meri dosri site pe kam karta hy jo me ne php mysql me banae hy without installing any wordpress and any other

  • Thanks wali Bhaie for this Good Tutorial..

  • Zia

    yar mujay tu nazar nahi aarahi hay

  • bahi cpnal me .htaaccess ka folder nhi araha hain so plz guide me

    • You have to check show hidden files when opening the folder in File Manager. then you’ll see .htaccess file.

  • show hidden files problem has been solved…

    • han ji, you have to check show hidden files in order to see .htaccess file.

  • Umar Ali

    Assalam-O-Alaikum Wali bhai i am big fan of your. The way of your work is so easy and good and we understand very easily. And the knowledge you are spread with your fans and your blog reader its very inspire me thanks.

    Wali Bhai mera blogger hai blogspot per hai or us main sirf aik post hai jo kay 200 visitors get karti hai just one post lakin us ka template responsive nahi hai to ager main us ka template change karoo ga to is ki traffic per fark to nahi pare ga tell me plz. And also one thing us ki traffic bhe low hoti ja rahi hai Structural tool update nay usy affect kiya hai mery kh

    • w/salam, I’m glad to know you liked our efforts.

      To your question, ap Blogger ka template kam az kam responsive rakhen, aur us ma sirf Google ka jo meta tag ha verification wala wo add kare new template ma, aur jo jo chezen ap samjhte hai ic trah ki hai jo purane template se jayenge, tu wo new template ma add kare, phir SEO par koi farq nahi parega.

      • Umar Ali

        Thanks you so much Wali Bhai and one more question ap nay kaha hai kam az kam responsive rakhen to aisa koi tarika nahi kay main usi template ko responsive bana loon koi asi coding hai ap ky pass

        • you welcome.

          Mere pass tu ic hawale se koi coding nahi ha, lekin ap usko responsive bana sakte hai apne taur par search kar k. Aik aur bat jo ma bhool gya tha wo ya k Blogger ma apka template koi bhi ho, Blogger wale mobile par responsive show karte hai wo default wale template ma, ap usko agar off karenge tu phir custom wala show hoga.

          • Umar Ali

            Thank You and i always pray you live long….

  • Jahanzaibnet

    Wali bhai Is Code Main Mistake hai

    ## EXPIRES CACHING ##

    ExpiresActive On
    ExpiresByType image/jpg “access 1 year”
    ExpiresByType image/jpeg “access 1 year”
    ExpiresByType image/gif “access 1 year”
    ExpiresByType image/png “access 1 year”
    ExpiresByType text/css “access 1 month”
    ExpiresByType application/pdf “access 1 month”
    ExpiresByType text/x-javascript “access 1 month”
    ExpiresByType application/x-shockwave-flash “access 1 month”
    ExpiresByType image/x-icon “access 1 year”
    ExpiresDefault “access 2 days”

    ## EXPIRES CACHING ##

    Use this Code

    ## EXPIRES CACHING ##

    ExpiresActive On
    ExpiresByType image/jpg “access 1 year”
    ExpiresByType image/jpeg “access 1 year”
    ExpiresByType image/gif “access 1 year”
    ExpiresByType image/png “access 1 year”
    ExpiresByType text/css “access 1 month”
    ExpiresByType application/pdf “access 1 month”
    ExpiresByType text/x-javascript “access 1 month”
    ExpiresByType application/x-shockwave-flash “access 1 month”
    ExpiresByType image/x-icon “access 1 year”
    ExpiresDefault “access 2 days”

    ## EXPIRES CACHING ##

    • Hi Jehanzaib, thanks for the update. can you indicate where is the mistake in the code?

  • SheheryarAhmad1

    wali bhai ap bata sakty he k payoneer k account me pasa upload kis bank se hoty he

    • Payoneer k account ma ap paise upload nahi kar sakte.

      • SheheryarAhmad1

        wali bhai main woh banda ho jis ne ap ko mobile par be aur contact form par bi itla di the k ap ki video copyright ho rahi he youtube par aur maine link b send kya tha contack form par ap ko yaad agiya he na ab thanks k ap ans diya

      • SheheryarAhmad1

        wali bhai mera ak masla he ka maine sahifa ke free theme download kar k upload ki the ab us par masla ye he k arqam k social icon aur dosra icon aur jo front page par rencent post ki pic hena sub gayeb hogai he main kya karo agar maine theme purchase kar k upload karo to menu kharaba to nhi na hoge kya he

        • agar ap theme purchase karenge tu I think sab thek hojayega, q k theme k sath support bhi ha, ap themeforest.net par question poch sakte hai theme k designer se aur wo apki help karega directly.

  • yasir

    plz mobile optimize video banae matlab
    matlab media queries php and csss wali

  • Ayesha hassan

    Sir, it is for blogs/press … so, how to make a .html/.php website responsive/mobile freindly and speed up their speed….. so, how to responsive and fast our html/php website? Plzzz answer must….

    • Hi Ayesha,
      You can make your PHP/HTML website responsive by adding CSS3 responsive media queries, you can search about it on Google, and you’ll find ready made codes for it. But you can also use Bootstrap to make your websites responsive, that’s more easier than anything else. Just you need to head up to Google for a few minutes.

      • Ayesha Hassan

        Hey Sir, I search about CSS3 responsive media queries and Bootstrap but sir, I don’t know how paste or install it and i find a such a rubbish things that have no meant … sir, i request you that how i used it and from which website …. plzz give me suitable link of website or something else or make a tutorial for eevrybody who want it through which i and everybody have easy to make responsive their html/php website … Thanks.

  • Jahanzaibnet

    Wali bhai ap kai is code main ya Mistake hai Sirf “access 1 year” or ya correct symbols hai “access 1 year”

  • Jahanzaibnet

    Check this Image Wali bhai

  • Jahanzaibnet

    if you use this type ” ” Symbols so not error showing 500 internal server and this is not Correct symbols “ ” and this symbols in your code please update your post again brother

  • Jahanzaibnet

    wali bhai kya mujhy ap ya bta skty hain kai jaisy kai ap ka login page nhi khulta na waisy main bhe karna chata hun

    • ya setting ap itheme security plugin ma kr sakte hai, yani iTheme Security plugin ma ap Login URL change kar sakte ha WordPress ka.

  • Koh Prosh Warna

    Salam Wali Bhai. Dua hai aap Hamesha Salamati Mein Rahen…
    Mera aek Problem Hai Umeed hai Koi Solution Dain ge…
    Mein Ne 5 din Pehle Youtube se Adsense k Liye Apply Kia Tha, Adsense ka Account to Fully aproved ho gaya hai. lekin Jb mein Ad Code Blog Mein lagata hon to Ads Show nai hote? Plz Guid Kar Dain? Kya Koi New Adsens Policy Aayi hai??
    Mein ne apne dost ka adsense ka code apne blog mein lagaya to ad show hogaya. its mean problem blog mein nai balke adsense k account mein hai. plz bhai reply kr dain.

    • w/salam, brother YouTube k adsense account se ap sirf YouTube videos par ads show kar sakte ha, blog par show nahi kar sakte.

      • Koh Prosh Warna

        lekin Sir blog blogger ka hai.? aur adsense account mein likha hai aur buht se aur log bhi kehte hain k hosted adsense acount blogspot par work krta hai.

  • Koh Prosh Warna

    Wali Bhai. aap ne mujhe reply nai kia?

  • hamza444

    Wali Sir Main Ap Sey Learn Krna Cahta Ho As A Student Fully PHP,HTML,Style Sheet And Others Related Designing Website . Lakin Wali Sir Main Online Nahi Face To Face Learn Krna Cahta Ho … Plz Sir I Am Waiting .

    • Ap hamare free tutorials se seekh sakte hai, ya ap complete courses DVD ma purchase kar sakte hai, lekin filhal face to face training available nahi ha bro.

  • yasir

    slam bae jan uper ap ne jo adsense ad lagaya hy post ke center me ye kesy lagta hy plz hepl me

  • My name is : Muhammad Saleem Jutt
    Hello

    Abdul Wali sir aap kese hain umeed karta ho ke aap theek ho ge ,

    Abdul bhai mujhe aap madad ki zaroorat hain mujhe es Problam ke hal batai

    es ke liye aap koi Html code bata de
    Sukriya

    • Hello,

      Ap ic k lye “Autoptimizer” plugin use kar sakte hai WordPress ma.

  • Assalam u alikum wali bhai can you tel me how to improve page speed in blogger

  • adeel

    Aslam u alikum

    Wali bhai aap is site main sahifa theme ka konsa version use kr rhy hain
    or ager site main sahifa theme ka version change krna ho to kesy krain gy plz tell men wali bhai
    I am waiting ur reply…

  • adeel

    Aslam u alikum
    bhai jan aap mery Q ka answer q ni dy rhy
    plz tell me
    Wali bhai aap is site main sahifa theme ka konsa version use kr rhy hain
    or ager site main sahifa theme ka version change krna ho to kesy krain gy plz tell men wali bhai

  • syabuzar

    Sir, please make full tutorial series about ”
    How to Make Your Website Responsive”

    • OK, I’ll do it after Eid. Inshallah

  • Thanks for sharing the valuable article it will help for newbie bloggers 🙂

  • w/salam,

    Ap ic hawale se Google ma search kare, apko bohat se achy suggestions and plugins mil jayengy apke website k mutabiq.

    • Lot of Thanks Sir. but men google men 3 din sy search krny k baad hi apko comment kia tha. but men ab dubara database delete kr k bana raha ho. Allah kry ab koi error na aye. Thankls

  • AOA. sir .htaccess ka folder cpanel me nhe a rha jahan ap ne btaya ha or sb jagha bi me ne find kiya ha but nhe mil rha . kia waja ha?

  • Salil Baxi

    hello abdul,
    i find your extremely great tutorials about lot of topics.
    recently i have registered my domain & i want to build amazon affiliate website in word press, but going through your site i won’t get tutorials on wordpress website development.
    because i am trying to dev. the same but i can’t as i am not a computer guy.
    so pl. help to get your videos on wordpress website making.
    thanks.

  • Salman Ahmed

    Abdul Wali Bhai aap K Iss Code Mn Bhi Issue Ha Error 500 Ajata Ha Real Code Ye Ha Plzzz Update For Others