Basic follow up recommendations are already provided by the developers. I will give you some additional tips (considering you are using the mobile theme plugin already):
1. Optimize images
>Reduce the size of files just before uploading. Use this software- Caesium, and set quality to 80 (i set 60-80 depending on existing size). Resize image to 1280 maximum, unless you really need to show images with high quality.
>Use Wp Smush and regenerate thumbnail plugin.
2. Use a CDN– Cloudfare is free. Its easy to set up too.
3. Https support– trust me, its really good. You can always google https vs http to find why https is good. You can get a FREE SSL certificate from Cloudfare indeed and implement it on your website.
4. Remove query strings– so far, i use Remove Query Strings From Static Resources plugin to fix it. Query strings are actually calling server for something specific.
5. Use WP Super cache (supported by theme) and Cloudfare and yes, GTMetrix plugin. These 3 will make your website god of speed.
6. Heartbeat control– its pretty much for reducing load on your server, not recommended if you can’t implement it properly.
7. Wp Optimize– cleans out waste garbage in your database.
Hope this helps. I personally tested them all out. So far, i just couldn’t figure out a way to fix those etags.
After the cloudfare setup, you will have to follow steps below;
1. Head to Crypto section of Cloudfare.
2. Create an Origin Certificate and upload it to your domain.
3. Validate the certificate in your domain.
4. Under SSl of Crypto (Cloudfare page), activate the certificate with Full (Strict).
I have followed all these steps but it shows me this error(https://screenshot.net/8kp07fe). Can you please elaborate the steps? It would really help me.
Okay, as per the request, here are complete steps: (assuming you have set up nameservers for your domain correctly pointing to cloudfare domains)
This guide is for GoDaddy though, similar may be available, i don’t have experience over other hostings.
1. Under Crypto tab of Cloudfare, create an Origin Certificate. Select RSA as private key and don’t forget to add wildcards (subdomain). Hostnames should include yourdomain.com and *.yourdomain.com .
2. Get the private key and certificate. Keep the tab open or save it to some text files.
3. In your hosting cPanel, head to SSl/TLS section.
4. Enter the private key and add the one generated by Cloudfare Origin Certificate (Step 2)
5. Repeat for Certificate.
6. For the CA Bundle, you will have to copy it from here- Cloudfare Root Certificate
7. Validate the SSl through Install and Manage SSL Certificates.
8. Head to Crypto section of Cloudfare and activate Full(strict) under SSL (very top of crypto).
That’s all steps needed for setting up free Cloudfare SSL https Certificate.
Apart from that, you might also need to set up redirection from http to https using .htaccess code. For that, do following:
> Head to root directory and edit .htaccess file. Add this code just after RewriteEngine On–
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
Final step i would recommend is to setup search engines- Google, Bing and Yandex to use https also. You can submit them separately on them.
Apart from that, very last trick, most people tend to submit their sitemap to search engines and wait for them to process their website pages. I would recommend you edit the pages first, add SEO to them, and when you are done (yes, completely satisfied with everthing including on-page optimization as well as interlinking), simply force the search engines to re-crawl your pages.
Following is a short guide to force re-index pages-
1. Google- Head to search console and use fetch and render tool.
2. Bing- Don’t use fetch as bot, rather use this link and submit your pages.
3. Yandex- You can use re-index important pages.
Hope this helps. 🙂
It seems like you have incorrectly figured your nameservers at domain. Re-check them please.
Now it shows https:// but in gray color. and on my admin dashboard, it shows green. Like this https://screenshot.net/leq0lfw
Update:
Rocket Loader via Cloudfare is pretty awesome. Was able to achieve this through it- https://gtmetrix.com/reports/medicforyou.in/pOKOsMVB
Worth testing, if you have java scripts running in your website (probably the case since newspaper is using multiple javascripts)
Hi @drvarun5179
I used a while ago the Rocket Loader (while in BETA). It was a total mess for WordPress and after an email to Cloudflare’s support they asked me to disable the feature.
Is it now working as it should? Not messing up css, custom stuff etc ?
Yep, the rocket loader is still in beta though, but it’s working far smoother now. It’s not messing css, the javascripts are loaded async though, but its actually beneficial when you have multiple ads in post.
P.S- Always load the priority content first, your readers can always see ads later, once the main content is loaded.
Use it through Speed tab on Cloudfare. Just scroll below and activate Rocket loader to automatic.
@drvarun5179
Thanks for your suggestions.
I am not using any ads, running an adfree website. Therefore, I am safe from the content load. I still didn’t compress the everything (css/js) more than the theme does by default and also didn’t do any custom loadings…yet.
That is likely due to your inadequate redirection of http to https. You will have to remove all http elements before the page can become fully https.
Upon a lil inspection, many of your images are using http, including your sidebar-banner to start with.
I am not sure, but i will like you to test my website speed- https://medicforyou.in . Temme how it works and how fast it is. I will tell you everything i have implemented so far.
Here are my test results i just performed: https://gtmetrix.com/reports/medicforyou.in/WVue54KW
https://screenshot.net/1yppjam
-
This reply was modified 9 years by
drvarun5179.
Sidebar banner?
I am not sure if you are talking about my website :]
I did a short inspection now and should be fully https. Not sure if I missed something.
Could I reach out to you? (maybe using your website’s contact form?)
-
This reply was modified 9 years by
Erythros.
Naah i was referring to @hadlines . Reply button seems to be broke lol.
Thanks, @drvarun5179 it helped me a lot. Now my site is fully https:// and loads faster. Thank you.
Happy to help. Just another advice @hadlines, set expiration of cache to 8 days. 4 hours is abit less.
Thanks again my website’s score also gets improved (https://screenshot.net/wyg79tv) thanks.
@drvarun5179
When you have the chance, could you make me some suggestions per what I could do more? Here’s my website: https://esportsmedia.ro/
Worth to mention: I can’t use CF’s Rocket Loader. It messes up everything for me, including the pictures and the menus (you cannot click on search anymore, for example).
Most of the things you mentioned should already be implemented, but I am still miles away from reaching 60% in google speed
Damn Dota!!! M playing DOTA 2 for so many years bro…i would love to help!
Analyzed your website. You are doing the pretty simple mistakes every website owner does- not optimizing the images correctly. Following is the first step- Correct images without actually damaging the current files:
Tip: Install Wp-Smush plugin first, smush all images, if it doesn’t help, follow the steps below, they are steps to compressing original image files:
Note: Try to follow the steps below on regular basis in your posts.
1. You will have to get all images from your media library. This might take alot of time, i suggest you do on a daily basis if you have many posts.
2. Download and Install Caesium
3. Set to 80% as ratio since you are a gamer website and need good quality images.
4. Install this plugin and replace the files carefully with the newly compressed images.
One more important thing i found, i guess you are using background image (link) of some dark color (perhaps black). Don’t do that, you are just overloading the website. Instead, use a color. You can instead use this color code- #202020 as background. It will cut off the image load size.
Last tip: Try to add mega menu to menu, it will just make the website far sexy, check mine here: https://medicforyou.in and notice the drop downs effect.
P.S- i edited it thrice lol to make sure you don’t mess up. To change background color, go to Theme Panel > Theme Colors > General Theme Colors and set the General theme colors > Background color to #202020 and do remove the background image you set previously.
-
This reply was modified 9 years by
drvarun5179.
-
This reply was modified 9 years by
drvarun5179.