How to Backup and Restore WordPress Site with or without Plugin

How to Backup and Restore WordPress Site with or without Plugin

How to Backup and Restore WordPress Site with or without Plugin

Jetpack Plugin

Jetpack Backup Features

Never lose a word, image, post, page, or time worrying about your site. Use Jetpack_Backup to automatically create backups, and easily restore/migrate your site. If you change your hosting or plan Jetpack backup will not affect

If you want to use Jetpack_Backup with existing Jetpack plan that uses VaultPress for backups, we can manually convert your site from VaultPress to Jetpack_Backup.

How to Connect Jetpack Backup

To connect input below information

  • Credential type: SSH/SFTP
  • Server Address: domain.com
  • Port No: 22
  • Server user name: [email protected]
  • Server Password: **********
  • Click on Save Button

Jetpack Backup Information

Once backups complete you willl see a “Backup complete” in your activity log, either daily or according to your time

If jetpack.com lose contact with your site, and your backups stop working, and they send an email after the second failed backup attempt.

Jetpack backup the following data >> (a) WordPress database. (Any tables that start with table prefix and also have a unique key or primary key.). (b) All files in the directories o pluginsmu-plugins, uploads and themes

Jetpack does backup the following data >> (a) WordPress’ core files, as these can be download from WordPress.org. (b) Files outside the directories and folders listed above (c) Database tables that does not look like they belong to WordPress. (d) Database tables those rows have no unique identifier. (e) Cache files and backup directories. (f) Additional WordPress file installs. (In sub directories, for example.) (g) Any directory files containing a file named .donotbackup

What does real time mean >> (a) Jetpack Backup uses WordPress built-in “hooks” system that syncs those changes with our servers to generate a backup for your site. (b) WordPress core database tables (c) WooCommerce database tables (d) Any associated file changes (uploaded media, for example).

Question: Is Jetpack Professional Real Time Backup?

How to Download from Jetpack Backup

(a) Daily backups typically occur 24 hours from the previous backup and it does not support multisite. You can see all backup activity logs in below screen

How to Download from Jetpack Backup

(b) Click on Download Button that you want to download. After clicking on Download button you can see below highlighted process

Currently creating a downloadable backup of your site
We’re creating a downloadable backup of your site at Saturday, August 21, 2021 10:56 AM. You’ll be notified once it’s complete. Away we go! Your download is being created.

(c) After completing backup, you can see below screenshot

Jetpack Backup Complete

(d) After completing backup, you will get email notification with below text

Your website backup is ready to download
You recently requested a backup of your site xyz.com. Jetpack has prepared your files and you can download them now. This link will expire in 7 days.

(e) After clicking on Download button your browser will start to download

Transitioning from VaultPress to Jetpack Backup

(a) VaultPress features are available within Jetpack Backup and both offer the same backup, restore, and security functionality (b) FTP/SFTP/SSH credentials need to take backup but require to restore for both (c)  Jetpack Backup was more efficient than VaultPress

Question: I installed VaultPress Backup, since I am using Jetpack professional, so can I remove VaultPress?

SubjectLink
Jetpack Backupjetpack.com/support/backup
Jetpack Restorejetpack.com/support/restoring-with-jetpack-backup/
Transitioning from VaultPress to Jetpack Backupjetpack.com/support/transitioning-from-vaultpress-to-jetpack-backup

How to Remove Unused Css and Js in WordPress

How to Remove Unused Css and Js in WordPress

How to Remove Unused Css and Js in WordPress

Scripts Optimization Techniques:
—————————–
Eliminate render-blocking resources
Enable text compression
Remove unused CSS
Serve images in next-gen formats
Reduce server response times (TTFB)
Minify JavaScript
Minify CSS

FAQ

Question: What is the difference between Remove unused CSS and Minify CSS

Answer: The difference is that CSS can be consolidated into simpler code and some of it can be condensed and removed, minifying CSS is a trick to do that where instead of it loading via the files it inserts that code into the page that needs the style directly. You can read more about that from something like this (dh)

Question: Whats are the technique to remove unused CSS and Java Script form WordPress website? Are there any plugins for this?

Answer: You can do it by hand via some guides out there, I don’t have any like single guide to do that, but if you are looking to go the plugin route Autoptimize has a CSS optimization option that helps minify CSS scripts. And I do believe Wp-Rocket has that feature, you can use it, but if you just want to minify CSS, autoptimize is a bit lighter

Tutorial

SubjectLink
9 Ways to Remove Unused CSS & JS in WordPress 2021youtube.com/watch?v=Z7qIUiyBVNA
How to Remove Unused CSS in WordPress (The Right Way)wpbeginner.com/wp-tutorials/how-to-remove-unused-css-in-wordpress-the-right-way/
Minification of CSS filesgeeksforgeeks.org/minification-of-css-files
W3 Total Cache Plugin (Reduce CSS JS) youtube.com/watch?v=bATqMYUwcfU
W3 Total Cache Plugin full configurationyoutube.com/watch?v=9f36Xn5lEFg

WordPress Speed Optimization Plugin Free and Premium

WordPress Speed Optimization Plugin Free and Premium

WordPress Speed Optimization Plugin Free and Premium

Fast Velocity Minify

WP Super Cache

WP Super Cache have 7 Tabs to configure

(1)Easy (2)Advanced (3)CDN (4)Contents (5)Preload (6)Plugins (7)Debug

(1)Easy

Follow below screen shot

WP Super Cache Settings Easy Tab

(2)Advanced

WP Super Cache Settings Advance Tab
WP Super Cache Settings Advance Tab1

(5)Preload

(5)Preload

WP Rocket

Dashboard

Rocket Analysis: On/Off

Cache

Enable Caching for Mobile Devices: Check/Uncheck

WP Rocket Configuration
WP Rocket Setting
WP Rocket Optimization
TopicsLink
Wp Super Cache Advanceyoutube.com/watch?v=s-6u1QIyM1o
Wp Super Cache Goodyoutube.com/watch?v=zx6HlHfH0Mo
WP Super Cache best configurationyoutube.com/watch?v=vFyd0Ty0LOo
WP Rocketyoutube.com/watch?v=mxI4Cnk85bU
WP Rocketyoutube.com/watch?v=NkFX6E2fYME
Resourcefacebook.com/wiacademy.bd/
Cache Pluginhelp.dreamhost.com/hc/en-us/articles/360001209443-Performance-boosting-tips-to-speed-up-your-DreamPress-site
How to Optimize Images in WordPress Without Plugin & With Plugin

How to Optimize Images in WordPress Without Plugin & With Plugin

How to Optimize Images in WordPress Without Plugin & With Plugin

  1. How to Optimize Images in WordPress Without Plugin
  2. How to Optimize Images in WordPress With Plugin

1. How to Optimize Images in WordPress Without Plugin

The more the contents we are trying to display in homepage is affecting the Page size. So, we have to think like we will upload limited contents on a home page so that it will not affect the Page Load.

  1. During uploading a big images in Revolution Slider or Product Images keep the actual dimension but we can decrease the image size.
  2. Lossless Compression: This is process to Strip unused data & compress images without affecting image quality.
  3. All Product Image / Slider Images / Banner Images should be in JPG format. It is much lighter than the PNG format.
  4. Optimize & compress up to 50 images by using a plugin with one click.
  5. By saving images like this we can save much storage in the Server and the site will be Optimized. We should keep the Big images like Slider Images, Big Banner Images within 150kb to 200kb Max (Always less value should be Compromised). The Product image size can be 50kb to 100kb Maximum (Always less value should be Compromised).
  6. Incorrect Size Image Detection: Quickly locate images by using a plugin that are slowing down your site.
  7. Automatic optimization using Cron
  8. In homepage Carousels Sections should be limited. Each Section of Carousels should calling only 10-12 product images . e.g. If each tab loading 20 to 30 Product images. If we assume 30 images then 430 = 120 Images are loading in this Section.
  9. Make your website faster by reducing the weight of images
  10. Optimize images if they are not located in the media library.
  11. Grid Style is better instead of Carousels, we can set a View More Button at the Right or Bottom side of Each Section which can lead to the Category Page.
  12. Serves images from a global CDN for free
  13. imagecompressor.com bh

(1). Example of Image Size

Woocommerce.com mentioned, Original images you upload should be at least 800 x 800px or higher for most themes. It depends on theme. I have mentioned some example below –

  • Alibaba: 1000x1000px =240kb, 2448x2448px = 1.39Mb, 800x1066px = 474kb, 800x800px = 109kb
  • Amazon: 679x848px = 7kb, 679x847px = 21kb, 1500x1471px = 165kb, 1302x1500px = 156kb

2. How to Optimize Images in WordPress With Plugin

kraken.io Plugin (bh)

How to enable lazy image loading & How to add lazy load to images

2.1. Install and configure Jetpack Boost

2.2. Install and configure Jetpack

  • Enable Lazy Image Loading
  • Enable site accelerator
  • Speed up image load times
  • Enable Lazy Loading for images

2.3. Install and configure Shotpixel

  1. Sign up 
  2. Input API key
  3. Configure
  4. Convert all JPEG, PNG or GIF to WebP and AVIF
  5. Convert the next generation images (WebP and AVIF) into the front-end pages by using the <picture> tag instead of <img>, independent from generating them through the plugin
  6. Compatible with WP Retina 2x – all retina images are compressed automatically
  7. CMYK to RGB conversion
  8. Can run ShortPixel on multiple websites or on a multisite with a single API Key
  9. Bulk optimize all images in Media Library with one click
  10. Option to deactivate auto-optimizing on upload for images
  11. Integration with CloudFlare, by API Key or a Token
  12. Uploaded images can be automatically optimized in Media Library.

2..4. Install and Configure WebP Express

 Install and Configure WebP Express
  1. HTML, replacing image tags with picture tags
  2. HTML, replacing image URLs so all points to webp
  3. Cache Enabler, the same as above can be achieved, but with page caching
  4. Much faster load time for images in browsers that supports webp
  5. Better ranking in Google searches
  6. Less bandwidth consumption

Install and configure Imagify Plugin

FAQ

Question: How can I measure the impact of Imagify on speed score?

Answer: We can use GTMetrix/Google PageSpeed to test the following metrics before and after the image optimization:

Total Page Size (GTMetrix), Optimize images (GTMetrix), Serve images in next-gen formats (PageSpeed Insights) and Efficiently encode images (PageSpeed Insights)

Questions: I am operating as ecommerce website developed by WordPress. I have imported 857 products. All product has one image.  Sometimes I delete some products and sometimes I add some products. But I don’t delete image. So now I have 857 products. But in media library I found around 2463 images. Will unused image slow/affect my website?

Answer: Yes . These unused images will cause load on your website slow down the website functionality.
As you keep on uploading the images, the website keeps on building up the CPU usage, cache and other processes, until it reaches its peak and breaks down. (S5)

Answer: Unsued images should not be affecting your site in terms of performance as those are not being used. They are, however, using the allocated disk. (dp)

Question: Which image format is better for website? E.g.JPG/PNG/WebP

Answer: WebP format is best as it dies not consume much resource but resolution is not that great! (S5) I’d say WebP. (dp)

Question: You are talking about  wordpress.org/plugins/rocket-lazy-load. Will this plugin convert JPG/PNG to WebP format? I have jetpack so will  Jetpack does not work as Lazy load since it has option.    

Question: What is the best image conversion plugin?

My recommendation would be to follow the steps in an article like this one decwinser.com/article/webp-redirects-with-a-http-proxy-cache . We uses a HTTP Proxy Cache so I think you can do the conversion using the suggested plugin in that above article.

Answer: wordpress.org/plugins/rocket-lazy-load

TopicsLink
Shotpixel Officialyoutu.be/5EbX0Hsy6j4
Dreamhost Jetpackhelp.dreamhost.com/hc/en-us/articles/115006051887-Using-Jetpack-with-DreamPress
Configure WebP Expressdecwinser.com/article/webp-redirects-with-a-http-proxy-cache