Results 1 to 9 of 9

Thread: How to increase the loading speed of a responsive web page?

  1. #1
    Registered
    Join Date
    Jun 2017
    Posts
    123

    How to increase the loading speed of a responsive web page?

    In responsive web design we use many js, jquery, CSS files to implement various functionalities like sticky nav, fixed header, slider banners, portfolio, quick tabs etc.,

    In order to make the web page loading time faster what we have to do?

  2. #2
    Registered
    Join Date
    Jun 2017
    Location
    india
    Posts
    66
    Optimize the website properly my reducing images size, concise jquery, keep necessary CSS, avoid time taking plugins etc., will improve loading speed of a website.

  3. #3
    Registered
    Join Date
    Nov 2016
    Posts
    649
    10 Ways to Speed Up Your Website:

    1. Limit HTTP Requests

    2. Diminish server reaction time

    3. Empower pressure

    4. Empower program storing

    5. Minify Resources

    6. Upgrade pictures

    7. Upgrade CSS Delivery

    8. Organize over the-crease content

    9. Diminish the quantity of modules you use on your site

    10. Diminish diverts

  4. #4
    Registered
    Join Date
    Jun 2017
    Posts
    123
    Quote Originally Posted by chrisforce View Post
    Optimize the website properly my reducing images size, concise jquery, keep necessary CSS, avoid time taking plugins etc., will improve loading speed of a website.
    Excellent tips to boost web page loading speed.

  5. #5
    Registered
    Join Date
    Jul 2018
    Location
    USA
    Posts
    58
    To increase the loading speed of a responsive web design, you should reduce the size of images, reduce total number of HTTP requests, try to minimize the server response time, reduce resources, use CSS wherever necessary, the size of the JS code should be concise, diminish the total number of modules used by the Company, and organize the content well. These are a few tips that work great with almost every website and helps to optimize the overall loading speed of a responsive web page. Most importantly, hire the best web development Companies to settle the things in a more professional way.

  6. #6
    1. Use compressed images
    2. Decrease the number of scripts
    3. Improve hosting plan
    4. Optimize javascript and CSS file.
    5. Use CDN

  7. #7
    1. Use compressed images
    2. Decrease the number of scripts
    3. Improve hosting plan
    4. Optimize javascript and CSS file.
    5. Use CDN

  8. #8
    Registered
    Join Date
    Aug 2017
    Location
    South Africa
    Posts
    52
    Quote Originally Posted by damponting44 View Post
    10 Ways to Speed Up Your Website:

    1. Limit HTTP Requests

    2. Diminish server reaction time

    3. Empower pressure

    4. Empower program storing

    5. Minify Resources

    6. Upgrade pictures

    7. Upgrade CSS Delivery

    8. Organize over the-crease content

    9. Diminish the quantity of modules you use on your site

    10. Diminish diverts

    Use a content delivery network.

    You can take this further he had asked about responsive web design so i assume he means on platforms with smaller screens and a internet speed which may not be as fast as wifi desktops or laptops.
    This is why people say design for mobile first. The best way beside the above mentioned list is removing unnecessary things from the dom tree for mobile. Lets say you have a slider , sliders dont generally do well on mobile, so for me that would become 1 static image when on mobile. Some may argue with me here but videos are another one, parallax scrolling is a nightmare on compatibility and rendering on your many mobiles. On mobile less is more. For the ultimate mobile speed... you need to get on amp ( accelerated mobile pages ). Google has designed amp specifically to reduce especially java script on mobiles and provide clear simple websites that are to the point,,,, thats what users want.

  9. #9
    Registered RH-Calvin's Avatar
    Join Date
    Mar 2017
    Location
    Forum
    Posts
    729
    Responsive web design refers to the design that helps websites to adapt themselves in various portable devices like mobiles and tablets to access them. This helps to generate more traffic from various devices and build your search engine popularity.
    Cheap VPS Hosting | VPS Starting from $12 PER Year
    Cheap Dedicated Server | Unmetered Bandwidth | Free Setup and IPMI

Similar Threads

  1. Mention what do you mean by Responsive design on a web page?
    By crackersguru in forum HTML, CSS, Layout, and Design
    Replies: 3
    Last Post: 10-16-2017, 02:59 AM
  2. How to improve website's loading speed in mobiles?
    By chrisforce in forum Search Engine Optimization
    Replies: 4
    Last Post: 07-05-2017, 01:35 AM
  3. Tips to increase your website speed
    By Nexevo Technologi in forum Search Engine Optimization
    Replies: 0
    Last Post: 11-14-2015, 08:40 AM
  4. page loading slow
    By navyfalcon in forum HTML, CSS, Layout, and Design
    Replies: 0
    Last Post: 03-19-2015, 11:04 PM
  5. Page not loading correctly after Amazon
    By shim in forum Advertising & Affiliate Programs
    Replies: 3
    Last Post: 06-21-2004, 07:11 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •