1. Introduction
  2. Getting Started
    1. Installation
    2. Sample Data
  3. Theme Update
  4. Car Dealer Templates
  5. Front Submission
    1. FAQ
  6. Attributes
    1. Attributes Guide
  7. Addons
  8. Theme Settings
    1. General Settings
      1. Site Layout
      2. Site Logo
      3. Back To Top
      4. Site Preloader Option
      5. Site Header
      6. Topbar
      7. Search
      8. Page Header
      9. Site Footer
      10. Color Scheme
      11. Sidebar Settings
      12. Google API
      13. MailChimp API
      14. Performance
      15. Maintenance
    2. Inventory Settings
      1. Inventory Page
      2. Detail Page
      3. Detail Page (Mobile)
      4. Currency Settings
      5. Vehicles Listing Filters
      6. Vehicle Compare
      7. CarGurus Settings
      8. Export Vehicle Detail
      9. Geo Fencing Settings
      10. VINquery VIN Settings
    3. Lead Forms
      1. Request More Info
      2. Make an Offer
      3. Schedule Test Drive
      4. Email To Friend
      5. Financial Form
      6. Trade-In Appraisal
      7. All Forms - Field Labels
    4. Front Submission
      1. General Settings
      2. Page Settings
      3. Dashboard Endpoints
      4. Add Car Form Sections
      5. Additional Attributes
      6. Wishlist
      7. Dealer Review
      8. Advertise Item
      9. Listing Payment
    5. Page Layouts
      1. Blog Settings
      2. Archive Settings
      3. Single Post
      4. Team Page Settings
      5. Testimonials Settings
      6. 404 Page
    6. Woocommerce Settings
    7. Site Info/Social Sharing
      1. Site Contacts
      2. Social Profiles
      3. Social Sharing
    8. Custom Typography
    9. Custom CSS/JS
    10. Sample Data
    11. Team Page Template Setting
    12. FAQ Page Template Settings
  9. WPBakery Shortcodes/Elementor Widgets
    1. Vehicles Carousel / Vehicles List
    2. Promo Code
    3. Promo Code Image
    4. Testimonials
    5. Buttons
    6. Space
    7. Feature Box
    8. Feature Box Container / Feature Box Slider
    9. Counter
    10. Recent Posts
    11. Our Team
    12. Section Title
    13. Social Icons
    14. Quick Links
    15. Timeline
    16. Call To Action
    17. Multi tabs
    18. Custom Filters
    19. Clients
    20. Opening Hours
    21. Icon
    22. Newsletter
    23. List
    24. Image Slider
    25. Verticular Multi Tabs
    26. Video
    27. Video Slider
    28. Vehicles Search
    29. Vehicles Conditions Tabs
    30. Vehicles By Type
    31. Potenza Share
    32. Custom menu
  10. Theme Translation
    1. Translate with Poedit
    2. Translate with Loco Translate
    3. Translate with WPML Plugin
  11. Extra
    1. VINquery Decoder
    2. Vehicles Compare Functionality
    3. Financing Calculator
    4. Vehicles Category
    5. GEO fencing
    6. Promo Code
    7. Website Optimization
    8. Vehicle Review Stamps
    9. Dealer Inquiry Forms
    10. Import Functionality
      1. WP All Import
      2. Vehicle CSV Import
    11. Export Functionality
    12. PDF Generator
    13. Pricing Packages Plan (with Subscriptio Plugin)
    14. Sell Vehicle
    15. CarGurus Rating Badges
    16. GDPR Compliance
    17. Browser Support
    18. Retina Display
    19. How to rate this item
    20. WooCommerce / Shop integration
    21. Plugins Documentation
    22. Image Size
    23. Google Analytics
    24. Car Dealer 3.7.0
  12. FAQs
    1. How to add Custom Fields
    2. How to Remove Vehicle Attributes/Fields from Vehicle Details Page?
    3. WPALLIMPORT or ALLIMPORT common mistakes
    4. WebManager Integration
    5. How to make sold vehicle page?
    6. How to edit footer contents?
    7. Unable to Import Sample Data
    8. Got a Query?
    9. How do I contact support when support system down?
    10. How to Fix Outdated WooCommerce Templates?
    11. Getting Limit Error on Purchase Code Activation?
    12. How To Hide Out of Stock Products?
    13. Sample Data Look Different than Demo Pages?
    14. Enable WPBakery Page Builder in Posts and Custom Post Types?
    15. Missing style sheet error when installing the theme
    16. Unable to Save Page with WPBakery Page Builder
    17. Unable to use WP bakery page builder after WordPress update.
    18. Change the image of Sold Car?
    19. Translate car attributes in different language?
    20. Disable "Add Car" button from menu?
    21. How to change "Add Car" button text?
    22. Use Contact form 7 instead of Custom forms in Car detail page?
    23. Remove required field validation from Front End Car Submission form?
    24. Add/remove filters on the inventory page?
    25. Display Address and Phone number in the TopBar?
    26. Order the attributes on the car detail page?
    27. How to use "Pricing Plan" feature of Car Dealer theme?
    28. Why are all homepage demos not displayed until I install the default demo?
    29. Edit Inventory page with WpBakery/Elementor
    30. How to Fix a 403 Forbidden Error
    31. How to add a logo in the Make/Body Style attribute?
    32. Edit "Home Listing" Page
  13. Source & Credits
  14. Videos
  15. Downloads
  16. Changelog

Website Optimization

This article will help you get the best possible settings to get the page speed and the details about the settings we have done on our demo to get the Page speed.

We are using the managed server on our demo, as we are getting much traffic on our website. You should use a server that can handle the request that you are getting on your website. It will play a major role in the speed of your website.

Now for the cache and files optimization, you will need the cache plugin. On our demo, we used below plugins

  1. WP Rocket: For cache and optimization. Refer to this document for detailed documentation regarding the optimization settings.
  2. Imagify: For WebP compatibility. Refer to this document for detailed documentation.
  3. RocketCDN: For CDN. Refer to this document for detailed documentation.

Here is the setting that we have done on the website

Cache

Mobile Cache > Enable caching for mobile devices – Enable
Mobile Cache > Separate cache files for mobile devices – Enable
Cache Lifespan > Specify time after which the global cache is cleared – Set to 0

Check this article for more details about this setting – https://docs.wp-rocket.me/category/1230-caching

File Optimization

CSS Files > Minify CSS files – Enable
CSS Files > Combine CSS files – Enable
JavaScript Files > Minify JavaScript files – Enable
JavaScript Files > Load JavaScript deferred – Enable

Here when you enable the Load javascript deferred new teaxarea field will be enabled named Excluded JavaScript Files, Which will exclude the files from deferring. Put this code in the text area.

/jquery-?[0-9.]*(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js

It will exclude the jquery to load in defer mode to avoid any issue related to js. It is preferable for performance that JavaScript files are either loaded in the footer of your site or deferred so that they don’t block the downloading of other assets on your site, thereby slowing it down. By enabling Load JavaScript deferred, all the JavaScript files on your page, including those minified by WP Rocket, will be loaded with the defer attribute.

Check this article for more details about this setting – https://docs.wp-rocket.me/category/1231-file-optimization

Media

LazyLoad > Enable for images – Enable
Embeds > Disable WordPress embeds – Enable

In the lazy load, if you face any issue in the particular section / Shortcode / widget, you can exclude the image from lazyload of a particular Section / Shortcode / widget using the Excluded images or iframes setting. Generally, the issue happens when js based Calculation happens, like on JS sliders ( Owl Carousel ) or masonry layout, etc.

Check this article for more details about this setting – https://docs.wp-rocket.me/category/1283-media

WebP compatibility

Google page speed asks to Serve images in next-gen formats like JPEG 2000, JPEG XR, and WebP for better compression than PNG or JPEG, which means faster downloads and less data consumption. Some browsers do not support these formats, so that you can use the plugin for this. We have used the Imagify plugin for that, it is free, and the pro version of the plugin is also available if you have a large number of images. This plugin will help you to server the Webp image and the optimized version of the image, improving the page speed code.

For more detail please check this articals

https://docs.wp-rocket.me/article/1282-webp
https://imagify.io/documentation/

After activating the Imagify plugin, if you face any issue in the car detail page regarding the image slider, then please put this CSS in the child theme’s style.css file or in ( Theme Options > Custom CSS/JS > Custom CSS )

body.single.single-cars #cars-image-gallery .slick-track figure > picture.img-responsive > source,
body.single.single-cars #cars-image-gallery .slick-track figure > picture.img-responsive > img,
body.single.single-cars .slider-slick .slider-nav .slick-track > picture.img-responsive > source,
body.single.single-cars .slider-slick .slider-nav .slick-track > picture.img-responsive > img {
	nbsp display: block;
	nbsp max-width: 100%;
	nbsp height: auto;
}

Preload

Preload Cache > Activate Preloading > Enable
Prefetch DNS Requests > Put this in Textaera //fonts.googleapis.com

If you have third-party content on your website (e.g fonts loaded from Google, or a video from YouTube), you may want to add its origin domain to the Prefetch DNS Requests option.

if there is a request like this:

https://fonts.googleapis.com/css?family=Roboto:900%2C400%2C500%2C300%7CRaleway:700%2C300%7COpen+Sans:300%2C800

You would enter it as:

//fonts.googleapis.com

Preload Fonts > Put this code in textarea. The website will preload the fonts and improve the page speed score. If you are using any other third-party plugin that loads the font, you should preload them too.

/wp-content/themes/cardealer/fonts/font-awesome/webfonts/fa-brands-400.woff2
/wp-content/themes/cardealer/fonts/font-awesome/webfonts/fa-regular-400.woff2
/wp-content/themes/cardealer/fonts/font-awesome/webfonts/fa-solid-900.woff2
/wp-content/themes/cardealer/fonts/Flaticon.woff

Check this article for more details about this setting – https://docs.wp-rocket.me/category/1232-preload

Advanced Rules

Never Cache Cookies > If you are using the WooCommerce plugin, you should put this in the textarea “woocommerce_items_in_cart” to avoid the miscalculation of cart item. Also, if you are using any third-party plugin or custom code that saves the cookie, you should put that cookie name too.

Check this article for more details about this setting – https://docs.wp-rocket.me/category/1229-advanced-rules

CDN

You can use the CDN to improve media delivery faster. We are using the rocked CDN. Here is the article regarding the WP Rocket using with CDN – https://docs.wp-rocket.me/category/34-cdn

Note: If you have used any third-party plugin or custom code, you have to do the setting according to that. Also, you should try to minimize/removing unwanted resources like google font, Font Awesome, etc from them.

Speed Optimization
Suggest Edit