How to boost the loading speed of a website ?

34 replies
  • WEB DESIGN
  • |
Hi,

Any advice please ?
#opinion #website
Avatar of Unregistered
  • Profile picture of the author Devilfish168
    there is plugin call W3 coach which I using ...but I didn't noticed any thing amazing so i just left it inside my WP.
    {{ DiscussionBoard.errors[10581883].message }}
  • Profile picture of the author Nguyen Tu Nam
    There are a lot of way to boost your site loading process. In my opinion, I think the speed depends on some of following aspects:

    - Server location. Is your server which serves your site near by?
    - Size of your pages. The more content, large images your site contains, the more loading time is needed.
    - Server resources (cpu, ram, network,...). Your server has enough resource to process.
    - Business complexity.

    So, you have to find what is your site problem. Which thing slows down your site...

    Hope this helps
    {{ DiscussionBoard.errors[10582714].message }}
  • Profile picture of the author shilpashah





    1: Optimize images
    2: Minify Resources
    3: Reduce server response time
    4: Minimize HTTP Requests





    {{ DiscussionBoard.errors[10583009].message }}
    • Profile picture of the author mrvm1
      I use webpagetest.org to check load time and this breaks individual load requests down so you can see how long each request is taking. I recently had an affiliate whos load time was 13 seconds which is ways too slow, by using this we found the issue and resolved the problem, it now loads in 4 seconds.
      All the best
      Mac
      Signature

      theaffiliatepod.co.uk
      Less work More money More time

      {{ DiscussionBoard.errors[10583039].message }}
  • You can check that you have good hosting for the website, an effective caching plugin, a good image and a database optimizer, add LazyLoad to your images and turn off pingbacks and trackbacks. This should solve your issue about the website speed.
    {{ DiscussionBoard.errors[10585950].message }}
  • Profile picture of the author yasinfaruk
    Beside all of above info , I would like to add a little tips to boost up loading speed of your website .
    1. Try to use any framework like bootstrap. Where everything remain up to date.
    2. Follow DRY method. Which means Don't Repeat Yourself. If you design your website by yourself then follow DRY that means don't repeat any code. Which will also boost up your sites.
    3. Don't use unnecessary PLUGINS or Javascripts.


    Thanks.
    {{ DiscussionBoard.errors[10586218].message }}
  • Profile picture of the author Localnode
    A CDN is always a good idea.
    CloudFlare has a free option; then there 's others such as MaxCDN, KeyCDN and many others.

    Honestly, CloudFlare's free option is good for most people - unless you need your own SSL; in which case I'd suggest KeyCDN as there's no additional cost for that.
    Signature
    Localnode - The Web Hosting Specialists
    Superior Hardware | Superior Network | Superior Software
    {{ DiscussionBoard.errors[10586231].message }}
  • Profile picture of the author Briedis2
    [DELETED]
    {{ DiscussionBoard.errors[10586766].message }}
    • Profile picture of the author Sven300
      I agree with what others have said.

      I will suggest this: Add the YSlow extension to your browser (it's free) and they will tell you exactly for each website what can be done to increase speed.
      Signature
      I'm a great believer in luck, and I find the harder I work the more I have of it. Thomas Jefferson
      {{ DiscussionBoard.errors[10587362].message }}
  • Profile picture of the author Peter Stavrou
    A lot of solutions listed here are for WordPress.... Are you even using WordPress?
    Signature

    Online Business Made Simple!
    http://www.PeterStavrou.com

    {{ DiscussionBoard.errors[10591106].message }}
  • Profile picture of the author DenniseTan
    Optimize your images. You should avoid uploading tiff or bmp formats, it weighs down the site causing it to load slowly.
    Use tools that can help you monitor your site's performance. I use W3 Total Cache for WordPress and Nibbler. Nibbler helps you look at more than 20 parameters such as code quality, internal links, page titles, etc.

    Signature
    ~Dennise
    online casino
    {{ DiscussionBoard.errors[10591230].message }}
  • Profile picture of the author laurencewins
    Check out this thread.
    Signature

    Cheers, Laurence. Writer/Editor/Proofreader.
    Visit my site for more info

    {{ DiscussionBoard.errors[10591287].message }}
  • Profile picture of the author getsetlive
    You can boost your website speed by proper optimization of images, reduce server response time, optimize CSS, organic ranking. Try this methods at least.
    {{ DiscussionBoard.errors[10601327].message }}
  • Profile picture of the author jacksonWSA
    if you spend "WP" then accelerated plugins for it
    {{ DiscussionBoard.errors[10602664].message }}
  • Profile picture of the author ynef
    Try to avoid using unnecessary images and try to do more with your CSS3 and HTML5 skills instead.

    Make sure your scripts and styles are minified (use a free online tool).

    Include the scripts at the bottom of the page so they don't get in the way of your website loading.

    Run your website through Google's PageSpeed Insights to get more ideas:
    https://developers.google.com/speed/pagespeed/insights/
    Signature

    Content writer, web developer, SEO consultant - Ynef's Portfolio

    {{ DiscussionBoard.errors[10605245].message }}
  • Originally Posted by Briedis2 View Post

    Hi,

    Any advice please ?
    First of all, you need a decent hosting on a server that is not overloaded and performance is good enough. SSD hosting with higher server resource can help. Ask your provider how much IOPS, RAM and CPU is allocated to your account, the higher, the better.

    Next comes server location. A location closer to you will deliver lower page load times. Using a CDN also helps. CloudFlare is free and pretty good. You can try that.

    Make sure your page size is close or around 1 Mb.

    Then run test with gtmetrix.com. This will help you optimize your website for faster load times.
    Signature
    [ Pure SSD ][ Shared, Reseller, Dedicated Server Hosting ] - [ MECHANICWEB.COM ]
    [ LiteSpeed | CloudLinux | MariaDB | cPanel | Malware Scan | Softaculous | SpamExperts ]
    {{ DiscussionBoard.errors[10607276].message }}
  • Profile picture of the author vantung213015
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[10607882].message }}
  • Profile picture of the author a0adio0
    Google page speed insights will take care of ya. Just follow it to the letter: https://developers.google.com/speed/pagespeed/insights/
    {{ DiscussionBoard.errors[10622575].message }}
  • Profile picture of the author onehalf
    Things to do to speed up your site:

    1. Minimize HTTP Requests - Start a campaign to reduce the number of components on each page. By doing this, you reduce the number of HTTP requests needed to make the page render—and you’ll significantly improve site performance.
    2. Reduce server response time - Google recommends using a web application monitoring solution and checking for bottlenecks in performance.
    3. Enable compression - Compression of bulky and slow to download pages reduce the bandwidth of your pages, thereby reducing HTTP response.
    4. Enable browser caching - For all cacheable resources (JS and CSS files, image files, media files, PDFs, etc.), set Expires to a minimum of one week, and preferably up to one year in the future. Don’t set it to more than one year in the future because that violates the RFC guidelines.
    5. Minify Resources - Since every unnecessary piece of code adds to the size of your page, it’s important that you eliminate extra spaces, line breaks, and indentation in your code so your pages are as lean as possible.
    6. Optimize images - Take time to re-size your images before uploading them. And always include the src attribute with a valid URL.
    7. Optimize CSS Delivery - When setting up your styles, only use one external CSS stylesheet since additional stylesheets increase HTTP requests.
    8. Prioritize above-the-fold content - You can improve user experience by having your above-the-fold (top of the page) load faster—even if the rest of the page takes a few seconds to load. Consider splitting your CSS into two parts: a short inline part that styles above-the-fold elements, and an external part that can be deferred.
    9. Reduce the number of plugins you use on your site - Deactivate and delete any unnecessary plugins. Then weed out any plugins that slow your site speed. Try selectively disabling plugins, then measuring server performance. This way you can identify any plugins that harm your site speed.
    10. Reduce redirects - Google recommends these two actions to make sure a responsive redirect doesn’t slow your site:
    · Use a HTTP redirect to send users with mobile user agents directly to the mobile equivalent URL without any intermediate redirects, and
    · Include the <link rel=”alternate”> markup in your desktop pages to identify the mobile equivalent URL so Googlebot can discover your mobile pages.
    {{ DiscussionBoard.errors[10623981].message }}
    • Profile picture of the author Briedis2
      Originally Posted by onehalf View Post

      Things to do to speed up your site:

      1. Minimize HTTP Requests - Start a campaign to reduce the number of components on each page. By doing this, you reduce the number of HTTP requests needed to make the page render--and you'll significantly improve site performance.
      2. Reduce server response time - Google recommends using a web application monitoring solution and checking for bottlenecks in performance.
      3. Enable compression - Compression of bulky and slow to download pages reduce the bandwidth of your pages, thereby reducing HTTP response.
      4. Enable browser caching - For all cacheable resources (JS and CSS files, image files, media files, PDFs, etc.), set Expires to a minimum of one week, and preferably up to one year in the future. Don't set it to more than one year in the future because that violates the RFC guidelines.
      5. Minify Resources - Since every unnecessary piece of code adds to the size of your page, it's important that you eliminate extra spaces, line breaks, and indentation in your code so your pages are as lean as possible.
      6. Optimize images - Take time to re-size your images before uploading them. And always include the src attribute with a valid URL.
      7. Optimize CSS Delivery - When setting up your styles, only use one external CSS stylesheet since additional stylesheets increase HTTP requests.
      8. Prioritize above-the-fold content - You can improve user experience by having your above-the-fold (top of the page) load faster--even if the rest of the page takes a few seconds to load. Consider splitting your CSS into two parts: a short inline part that styles above-the-fold elements, and an external part that can be deferred.
      9. Reduce the number of plugins you use on your site - Deactivate and delete any unnecessary plugins. Then weed out any plugins that slow your site speed. Try selectively disabling plugins, then measuring server performance. This way you can identify any plugins that harm your site speed.
      10. Reduce redirects - Google recommends these two actions to make sure a responsive redirect doesn't slow your site:
      · Use a HTTP redirect to send users with mobile user agents directly to the mobile equivalent URL without any intermediate redirects, and
      · Include the <link rel="alternate"> markup in your desktop pages to identify the mobile equivalent URL so Googlebot can discover your mobile pages.
      Brilliant !! Thank you very much. Hope this answer will help some other people
      {{ DiscussionBoard.errors[10625718].message }}
  • Profile picture of the author AllenMack
    Hi my friend

    i saw you have received a lot of threats and most probably your issue with the load time speed of your website has resolved, but still i'm gonna share my tip with you and readers of warrior that how to speed up your website like super dupper fast...

    But this method is tested on WordPress CMS only.

    After Installing your WordPress and done with all the changes and customization of your theme, install WP-Rocket plugin it has the ability to fast your website speed and decrease the number of file request and overall size of your website but still we are not there yet remember we need super dupper fast speed? not just fast :p

    Well make sure you connect CDN as well from Wp Rocket setting and enable all the caching features from the plugin settings, and if your hosting provider is giving you the ability to use the varnish caching feature i would suggest must enable it from Wp Rocket plugin setting.. After enabling the plugin you may found some errors with the theme styling, however you can fix it with the help of little guide as below:

    Resolving Issues with Minification - WP Rocket Knowledge Base
    https://support.cloudways.com/how-to...ugin-wordpress

    you can still search on google to find out more guides regarding it but most of the major parts are covered on above articles.

    Once you done with all of this... try adding SSL Certificate on your domain believe or not it increases the load time as well. DON'T BELIEVE ME ? try search on goolge

    i know adding SSL certificate can be hectic manually that is why i switched my hosting plan from shared to cloudways they are providing free ssl :p and i love free stuff :p OH YEAH :O One more thing... you need to have a cloud hosting plan it works really well rather than having a shared hosting plan believe me it's really worth a try.... there are tons of cloud hosting provider you can go with just confirm first if they are providing following caching features with hosting
    memcache
    nginx cache
    varnish cache
    Redis cache
    OP cache

    and you are done
    {{ DiscussionBoard.errors[10704573].message }}
  • You can boost the loading speed of a website by following way:

    1.Reducing server time response.
    2.Compressing the code
    3.Resizing the image, to take less time to load.
    4.Use javascript in footer.
    5.Using caching for css.
    6.Minimize HTTP Requests
    {{ DiscussionBoard.errors[10705271].message }}
  • Profile picture of the author kurtov
    Put your URL in the Google Page Speed Tester and it will give you a list of things you can do to increase your pages' speed. Also, CloudFlare.
    Signature
    Kurt Allen
    Director of Digital Media | Digi Powered
    Skype: Kurtovxxx | US: (910) 795-2894 | PH: +63-919-490-8392
    {{ DiscussionBoard.errors[10722744].message }}
  • Hello. There's a lot of good answers already, but I thought I'd take a moment to elaborate on some of them for any beginners that are reading.

    1. Optimize code
    Avoid having redundancies in code and remove any unused parts. Double check your html, css, js, php, etc for any elements that are no longer needed or not being referenced. Another thing to look for is any calls to resources that aren't being used. For instance I may have a call to a js animation on every page, whereas it's only active on one. Remove these calls to save loading time. The same applies for style sheets that aren't being used on the page that's calling them.

    2. Optimize images
    By saving images at medium/low quality you will reduce file size. This can easily be done in Photoshop by loading the image then going to the save dialog. Here you can adjust the slider turning the quality to medium/low. If you have links to full size or hi-def images you may want to save those as higher quality.

    3. Media queries
    By creating effective media queries in the css, you can ensure that visitors to your site will only download the smallest workable image for their screen size. This does mean you will need to create several image sizes for each image. This and point #1 are important for slide shows.

    4. Have separate mobile style sheets
    By having style sheets that are only loaded on small screens you can remove features and code that does not work on phones or that is too demanding on a phones limited resources.

    5. Compress code
    Before uploading compress or minify your code. This will remove spaces and line breaks to further speed up your site. The disadvantage is that the process makes your code difficult to read so be sure to save the uncompressed version for editing purposes.

    6. Limit fonts used
    While it may be tempting to load a number of fonts via Google's hosting service try to limit yourself to only one or two that you need. Loading bold, italic, semilight, thin, etc. will increase your load time as these have to be accessed each time someone visits your site.

    This is just a few recommendations for how to execute some of the tips given in answers. I hope it helps and good luck!
    {{ DiscussionBoard.errors[10727261].message }}
  • Profile picture of the author raxix
    These points may help you to boost load speed:

    Decrease web page size by optimizing images and coding.
    Use external CSS, Jquery files rather than inline.
    Choose good server host.
    Use page catching and compression.
    Minimize to no. of request as much as possible.
    Divide long pages/posts into sub pages.
    Limit no. of comments on posts or use pagination.
    {{ DiscussionBoard.errors[10737824].message }}
  • Profile picture of the author NKM Dony
    You can do this..

    1. Optimize images using EWWW plugin

    2. Minify HTML,CSS, JS file

    3. W3 TOTAL Cache

    4. WP Optimize

    5. Unnecessary file delete
    Signature

    I will Build Latest Wordpress webiste or Blog

    {{ DiscussionBoard.errors[10808992].message }}
  • Profile picture of the author Sire
    OK, while a lot of folks have told you what needs to be done that haven't really told you what to do. I have just completed two posts that show how I improved my speed for 5 of my 13 sites, It shows before and after results.

    The first is Mobile Speed is important for good search engine results

    The second is mobile speed is important to google and to prospective customers

    I hope that helps.
    {{ DiscussionBoard.errors[10855845].message }}
  • Profile picture of the author Honey Raj
    Maintain High Performance: Tips for Increasing Loading Speed of Your Website:

    If your website takes too much time to load, this can literally kill your revenue stream. Google has recently announced that website speed is an important factor in their SEO ranking. Your slow website can cost you the search engine spiders, visitors and what not. The key to get an excellent page rank is to combine quality content with fast loading speed. So let's take a look at the solutions to increase the loading speed of a website.

    How to find the speed of a website?

    Website load time is the total load time of HTML documents, JavaScript files, CSS files, Image files, Plain texts, Flash contents, any other content types, Warnings and Redirects from pages.There are a lot of tools and plugins out there to find out the speed of your site. Here are some popular tools:

    1. PageSpeed Online - a tool from Google that shows the performance of your webpage with suggestions and solutions to increase website speed.

    2. YSlow - similar tool from yahoo.

    3. WebPagetest - gives detail checklists about your site.

    4. GTmetrix

    5. Searchmetricks

    6. Web Page Analyzer

    Tips to increase performance and speed

    1. Minimize the number of http requests that is needed to load your page properly.

    2. Compress the image files, use different formats like PNG for high quality transparent, JPG for photographs and GIF for logos and text images.

    3. Remove white spaces between codes minify the CSS, HTML and Javascript contents that are not edited regularly.

    4. Go for a CDN (Content delivery network) to boost up the overall speed of page loading.

    5. Gzip and deflate to compress the contents.

    6. Use instead of @import to avoid additional pressure on page loading.

    7. Style sheets and contents should load on priority basis to hold the interest of the visitor.

    8. Scripts and function related stuff should be in the last row of loading list. First impress the visitors then offer them means of interaction.

    9. Use latest versions of softwares and plugins.

    10. Enable browser caching.

    11. Use CSS instead of using inline coding.

    12. Remove unnecessary flash contents and keep the JavaScript parsed while the page is loading to a minimum level.

    13. Bring bulk amount of images like sidebar, header, footer, and icons under the usage of CSS sprites.

    14. Do not over do with Embeds; although they are excellent for better data comprehension and extra visual appeal, but using too many of them can make the page awfully slow.

    Speeding up the site by changing the hosting plan:

    If you do not have much scope for applying any of the above systems, then contact your hosting provider to see what packages they have to upgrade your server plans:

    - Virtual Private Server - a better option than shared hosting, budget friendly.

    - Dedicated Server Hosting - one of the most expensive and effective hosting process, needs advanced knowledge for maintenance.

    - Cloud Server Hosting - very effective, fairly expensive, needs moderate maintenance.
    Signature
    {{ DiscussionBoard.errors[10856171].message }}
  • Profile picture of the author thememass
    I'm also using CloudFlare service to boost the loading speed for my site.
    {{ DiscussionBoard.errors[10856758].message }}
  • Profile picture of the author Thoughtgrid
    In the following way you can improve the loading speed of your website there are leverage browser caching,make landing page redirect to cacheable,minimize the redirct,optimize the image,Not using a flash.
    {{ DiscussionBoard.errors[10864050].message }}
  • Profile picture of the author jlsh007
    The quickest way without getting too technical is just to install plugins

    WP Super Cache or WP Total Cache plugin

    WP Smush.it plugin to optimize images and remove unnecessary bytes from image files.
    {{ DiscussionBoard.errors[10870910].message }}
  • Profile picture of the author stefy christina
    Personally my suggestion is to reduce the java script code, go to fuctions or custom js file and remove all the unwanted code like tags, toggles which we don't use actually. Then go to style sheet remove unwanted lines of code, it will improves website's performance.
    {{ DiscussionBoard.errors[10874026].message }}
  • Profile picture of the author jhonewill
    1) Minify CSS
    2) Use browser caching
    3) Optimize image as maximum as you can.
    4) Purchase server from reputed providers.
    5) Try to avoid to much server side scripts.
    6) Maintain code text ratio
    Signature
    {{ DiscussionBoard.errors[11217537].message }}
  • Profile picture of the author spherehottech
    Loading speed depends on various factors but thing you can use is optimize images and use faster servers
    {{ DiscussionBoard.errors[11225485].message }}
  • Profile picture of the author Awais_Afzal1
    There is also a number of other aspects that cause your website to slow down its speed whether you own VPS server. It depends upon your content. If you have too many pictures. You should optimize them under 100 KB without compromising quality. Furthermore, try to check through google speed insight tool. They usually provide some suggestion to fix those things that cause the slow speed of your website.
    Signature

    Leading Real Estate Portal in Pakistan
    ApniZameen.pk Call:00923227866668

    {{ DiscussionBoard.errors[11226042].message }}
Avatar of Unregistered

Trending Topics