Website Construction
how to increase website speed
Submitted by balancedune, 02-05-2018, 05:01 PM, Thread ID: 86926
Thread Closed
RE: how to increase website speed
03-07-2018, 10:21 PM
#11 Are all of your scripts located at the end. If not, doing so can help with loading the webpage faster then process the scripts. Is your site heavy on images? Many tools can help analyze and output suggestions like some above mentioned. If you're using cPanel, there is an optimize website tool that can come in handy.
RE: how to increase website speed
05-07-2018, 01:04 PM
#12 If you have the ability, you can try the following optimisations:
- If you code, set up appropriate caching.
- Caching again, but do it with your web host or cloudflare.
- Use minified resource files such as style sheets and scripts.
- Use resized images.
- Use CDN's.
- If you code, set up appropriate caching.
- Caching again, but do it with your web host or cloudflare.
- Use minified resource files such as style sheets and scripts.
- Use resized images.
- Use CDN's.
RE: how to increase website speed
11-08-2018, 06:57 AM
#13 I honestly feel like caching is the LAST thing that should be done, after you've debugged all the issues and it works pretty good without caching. Websites should load just fine without caching (in general circumstances).
In chrome, open the console and take a look at the network waterfall. From here you can see:
- how long is the server taking to respond.
- how long is it taking resources to download (css, js, etc.).
You need to debug all of these. I rarely find that server is an issue, coz unless you're doing something monstrous in PHP for example, she'll execute pretty quick. The general cause for a slow page are too many resources loading in the head of the website, because these must load before showing output. In that regard, do the following:
-only have CSS loading in the head and combine it all into a single file. It should be gzipped too when it loads.
-move all JS to the bottom if possible. IT's good practice to get into the hang of this when started off a development.
This way, the page will render even if the rest of the resources are still loading, i.e. it looks fast to the user. Having multiple CSS files will clog up the speed too, because there's only so many simultaneous downloads a browser will accept (which I think is 12).
But the best thing you can do it just debug what is slow, and the starting point is the console / network waterfall
In chrome, open the console and take a look at the network waterfall. From here you can see:
- how long is the server taking to respond.
- how long is it taking resources to download (css, js, etc.).
You need to debug all of these. I rarely find that server is an issue, coz unless you're doing something monstrous in PHP for example, she'll execute pretty quick. The general cause for a slow page are too many resources loading in the head of the website, because these must load before showing output. In that regard, do the following:
-only have CSS loading in the head and combine it all into a single file. It should be gzipped too when it loads.
-move all JS to the bottom if possible. IT's good practice to get into the hang of this when started off a development.
This way, the page will render even if the rest of the resources are still loading, i.e. it looks fast to the user. Having multiple CSS files will clog up the speed too, because there's only so many simultaneous downloads a browser will accept (which I think is 12).
But the best thing you can do it just debug what is slow, and the starting point is the console / network waterfall
RE: how to increase website speed
29-01-2019, 01:41 PM
#14 There's many reasons of website being slow.
It's either the server-side or client-side. You can check how long your script load time by putting some timer. Try google "Measuring PHP Page Load Time"
It's either the server-side or client-side. You can check how long your script load time by putting some timer. Try google "Measuring PHP Page Load Time"
RE: how to increase website speed
31-01-2019, 05:00 AM
#15 Using Cache Plugin, Use Content Delivery Network, Minify your Css, Using Cloud Server ?
RE: how to increase website speed
09-03-2019, 11:41 AM
#16 compress everything image-related is the easiest step for a big improvement. strive to keep each page under 1mb
RE: how to increase website speed
09-03-2019, 12:56 PM
#17 all of my css and js links use CDN
google or CDNJS are quite fast
then, you have many tools to check website vulnerabilities and codes
on firefox or chrome, try F12 on each pages to check if there are any error or anything running wrong
to reach right syntax everywhere
google or CDNJS are quite fast
then, you have many tools to check website vulnerabilities and codes
on firefox or chrome, try F12 on each pages to check if there are any error or anything running wrong
to reach right syntax everywhere
RE: how to increase website speed
16-03-2019, 08:53 AM
#18 Like a few have already stated. Use Cloudflare. It's free.
Other than that - if you're running your own server. There are several caching systems out there that will dramatically speed up on your site. Look at PHP Opcache, APCu, and some others. They're generally pretty easy to implement as well.
Other than that - if you're running your own server. There are several caching systems out there that will dramatically speed up on your site. Look at PHP Opcache, APCu, and some others. They're generally pretty easy to implement as well.
RE: how to increase website speed
18-03-2019, 06:31 AM
#19 02-05-2018, 05:01 PMbalancedune Wrote: my websitehas become very slow i wanted any solution regarding how to make the website fast i am usingthe w3 plugin but not working properly
By disabling javascripts, decreasing the size of images of your website. Also you can use CDN to make fast your website. If you're using HDD in your server then you should contact your provider to upgrade HDD to SSD or change the provider.
RE: how to increase website speed
19-03-2019, 10:40 AM
#20 There are many things that can slow down your website, so there is no one right answer. Therefore, this may not be a quick fix, but rather take time to test and figure out what is causing the issue.
I recommend starting with Google Chrome's developer tools, this can show you how long it takes to connect to your server, the server to serve the page, and the resources (fonts, scripts, stylesheets, images, etc.) to load. Using some of this information could help you narrow down the problem for your website being slow. But again, this could show you that there is multiple issues with your website that could be causing slowdown. It's also worth noting, that if you are on shared web hosting or for some reason your web host is located in a different country than your primary audience, that this will majorly impact load times. If you're on shared web hosting, it could just be it's a slow server that limits connection speed to reduce server stress, all the server resources could be occupied by other websites on the same hosting provider, or it could just be a poor performance server. Shared web hosting could cause any number of these and is not recommended if you want a "fast" website.
If Google Chrome says that it is connecting to your website server quickly, then the issue is not with your hosting, but probably rather your actual web application or general page resources. If this sounds more like the problem with your website, there are a lot of things you can do to help this.
The first thing I recommend is making sure that you're not loading a bunch of large images or videos on your website, as these are typically the most time consuming. If your website is composed of a lot of images, try to compress them and make them smaller in size. Another big thing that could help is only loading the resources you need. For example, don't load fonts, scripts, stylesheets, etc. on pages that don't use them. That's taking time to load unnecessary data that you don't even use. Also, don't use excessive amounts of these either, it's not necessary. You don't need a dozen fonts on your website, as it will look disgusting and really hurt load times. Any stylesheets and scripts that you can load via CDN, do it. Things like jQuery, Bootstrap, and all the other common frameworks do have dedicated CDNs to load them from which will be faster than your website. Similar to images, try to compress your stylesheets and scripts, but before publishing them into production, test that they don't cause weird side effects after being minified. Simply removing excess spaces, tabs, and empty lines can save you some time in loading them if not fully minifying them. One more note, if your scripts are located in your head tag, move any that you can to the bottom of your page just before the closing body tag. This will give your website a chance to serve the actual page before applying all the fancy functionality.
However, if it isn't taking very long to load the resources or connect to your server, then it's your web application/host. Your host may not have a very good server, which will cause slower execution times. If you're familiar with coding, it's really simple to implement an execution timer which will time your web application from start to finish. If that is the issue, then you have a whole new journey in front of you. This could be poorly optimized code, unnecessary classes, functions, files, or plugins causing delays... or again, your web hosting provider's server could be junk and can't keep up. But in reality, assuming your using PHP, it shouldn't take more than a second or two to finish executing your script. But if it is, make sure your only loading in classes, functions, and files necessary to get your page displayed. This can easily be achieved with an Autoloader so that only when something is called to, is it loaded. Caching can help, especially if you have time consuming tasks (like rendering templates, constantly compiling data, etc.) If you're not doing anything like that, then you probably don't need a cache as that will create a time consuming task to cache things that could be loaded normally faster. If you coded your own web application, look into alternate ways that could be faster to achieve the same thing. (The easiest way to explain this to someone who knows codes in PHP, using strpos() is faster than strstr() to determine if a string occurs within another. Excessive use of this can result in major time differences.)
Lastly, while I'm not 100% sure of this, I've heard a staggering amount of people saying using cloud services (such as CloudFlare) can help your website, but some of this will also cause an intermediate loading page which can be slower than just executing your page normally. But I believe services such as CloudFlare will cache URLs to make transitioning from one page to another potentially faster, and that data would be stored on their server, not yours... which means even if your website is slow, they can display it faster than your website could. Plus many of these services offer security services as well.
If after all this, you're still struggling, I recommend bringing in a professional who can help you get your website load times to be faster, but that could cost you a lot so start with these tips and the things other people have posted to get you on your way.
I recommend starting with Google Chrome's developer tools, this can show you how long it takes to connect to your server, the server to serve the page, and the resources (fonts, scripts, stylesheets, images, etc.) to load. Using some of this information could help you narrow down the problem for your website being slow. But again, this could show you that there is multiple issues with your website that could be causing slowdown. It's also worth noting, that if you are on shared web hosting or for some reason your web host is located in a different country than your primary audience, that this will majorly impact load times. If you're on shared web hosting, it could just be it's a slow server that limits connection speed to reduce server stress, all the server resources could be occupied by other websites on the same hosting provider, or it could just be a poor performance server. Shared web hosting could cause any number of these and is not recommended if you want a "fast" website.
If Google Chrome says that it is connecting to your website server quickly, then the issue is not with your hosting, but probably rather your actual web application or general page resources. If this sounds more like the problem with your website, there are a lot of things you can do to help this.
The first thing I recommend is making sure that you're not loading a bunch of large images or videos on your website, as these are typically the most time consuming. If your website is composed of a lot of images, try to compress them and make them smaller in size. Another big thing that could help is only loading the resources you need. For example, don't load fonts, scripts, stylesheets, etc. on pages that don't use them. That's taking time to load unnecessary data that you don't even use. Also, don't use excessive amounts of these either, it's not necessary. You don't need a dozen fonts on your website, as it will look disgusting and really hurt load times. Any stylesheets and scripts that you can load via CDN, do it. Things like jQuery, Bootstrap, and all the other common frameworks do have dedicated CDNs to load them from which will be faster than your website. Similar to images, try to compress your stylesheets and scripts, but before publishing them into production, test that they don't cause weird side effects after being minified. Simply removing excess spaces, tabs, and empty lines can save you some time in loading them if not fully minifying them. One more note, if your scripts are located in your head tag, move any that you can to the bottom of your page just before the closing body tag. This will give your website a chance to serve the actual page before applying all the fancy functionality.
However, if it isn't taking very long to load the resources or connect to your server, then it's your web application/host. Your host may not have a very good server, which will cause slower execution times. If you're familiar with coding, it's really simple to implement an execution timer which will time your web application from start to finish. If that is the issue, then you have a whole new journey in front of you. This could be poorly optimized code, unnecessary classes, functions, files, or plugins causing delays... or again, your web hosting provider's server could be junk and can't keep up. But in reality, assuming your using PHP, it shouldn't take more than a second or two to finish executing your script. But if it is, make sure your only loading in classes, functions, and files necessary to get your page displayed. This can easily be achieved with an Autoloader so that only when something is called to, is it loaded. Caching can help, especially if you have time consuming tasks (like rendering templates, constantly compiling data, etc.) If you're not doing anything like that, then you probably don't need a cache as that will create a time consuming task to cache things that could be loaded normally faster. If you coded your own web application, look into alternate ways that could be faster to achieve the same thing. (The easiest way to explain this to someone who knows codes in PHP, using strpos() is faster than strstr() to determine if a string occurs within another. Excessive use of this can result in major time differences.)
Lastly, while I'm not 100% sure of this, I've heard a staggering amount of people saying using cloud services (such as CloudFlare) can help your website, but some of this will also cause an intermediate loading page which can be slower than just executing your page normally. But I believe services such as CloudFlare will cache URLs to make transitioning from one page to another potentially faster, and that data would be stored on their server, not yours... which means even if your website is slow, they can display it faster than your website could. Plus many of these services offer security services as well.
If after all this, you're still struggling, I recommend bringing in a professional who can help you get your website load times to be faster, but that could cost you a lot so start with these tips and the things other people have posted to get you on your way.
Users browsing this thread: 2 Guest(s)