“Listeo Core” is the core plugin that powers listings and booking functionalities. You’ll find all the settings in Dashboard → Listeo Core.
If you want to speed up your WordPress site our article might be interesting to you. Fast loading pages improve user experience, increase your pageviews, and help with your WordPress SEO.
In this article, we will share the most useful WordPress speed optimization tips to boost WordPress performance and speed up your website.
You can do it using WP Performance Score Booster plug-in or manually by adding the following to your .htaccess file:
# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
# Or, compress certain file types by extension:
<files *.html>
SetOutputFilter DEFLATE
</files>
Before we start I should explain what content encoding is. When you request a file like http://www.yahoo.com/index.html
, your browser talks to a web server. The conversation goes a little like this:
Well, the system works, but it’s not that efficient. 100KB is a lot of text, and frankly, HTML is redundant. Every <html>, <table> and <div>
tag has a closing tag that’s almost the same. Words are repeated throughout the document. Any way you slice it, HTML (and its beefy cousin, XML) is not lean.
If we could send a .zip file to the browser (index.html.zip) instead of plain old index.html, we’d save on bandwidth and download time. The browser could download the zipped file, extract it, and then show it to user, who’s in a good mood because the page loaded quickly. The browser-server conversation might look like this:
The HTML portion of the yahoo home page goes from 101kb to 15kb after compression:
We recommend using the WP Super Cache:
Recommended settings:
WordPress pages are “dynamic.” This means they’re built on the fly every time someone visits a post or page on your website. To build your pages, WordPress has to run a process to find the required information, put it all together, and then display it to your user.
This process involves a lot of steps, and it can really slow down your website when you have multiple people visiting your site at once.
As you can see in the graphics above, when a user visits your WordPress site, which is built using PHP, your server retrieves information from a MySQL database and your PHP files, and then it’s all put together into a HTML content which is served served to the user. It’s a long process, but you can skip a lot of it when you use caching instead.
If your images aren’t optimized, they could be hurting more than helping. In their original formats, these photos can have huge file sizes. But based on the image file format and the compression you choose in your editing software, you can decrease your image size by up to 5x.
We recommend using Smush Image Compression and Optimization plugin:
Smush – Optimize Images | Compress and Lazy Load Images | Convert WebP
Users in different geographical locations may experience different loading times on your site. That’s because the location of your web hosting an have an impact on your site speed. For example, let’s say your web hosting company has its servers in the United States. A visitor who’s also in the United States will generally see faster loading times than a visitor in Europe.
A CDN is a network made up of servers all around the world. When you use a CDN, every time a user visits your website they are served those static files from whichever server is closest to them. Your own web hosting server will also be faster since the CDN is doing a lot of the work.
We recommend MaxCDN. It works well with WordPress websites and complements your existing WordPress caching plugins for even faster loading times. See guide on how to install and setup WordPress CDN solution MaxCDN to get started.
Sources of this article:
http://www.wpbeginner.com/wordpress-performance-speed/
http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/
Please always remember to update not only the theme itself but also the plugins, such as Listeo Core and Listeo Elementor.
It’s recommended to configure Envato Market auto-updates plugin. It’s installed automatically with theme and you’ll find in your WordPress Dashboard → Envato Market
If you didn’t configure Envato Market auto-updates plugin (it’s recommended) you can update theme and plugins manually as follows:
You won’t loose any content or settings, but if you’ve made any customizations to source files they will be lost, so please use Child Themes http://codex.wordpress.org/Child_Themes to modify theme .php files. 😉
How to update theme and plugins?
add_filter('listeo_submit_page', 'listeo_submit_page_change'); function listeo_submit_page_change($submit_page) { $submit_page = 99; // where 99 is the page id you want to use return $submit_page; }
Listeo theme is translation ready. We that assume your WordPress is already in your language. If not, go to Dashboard → Settings → General and change the Site language.
Install plugin Loco Translate.
After successful installation go to Loco Translate → Manage Localization, you should see this screen:
Click New language, select your language and choose a location, makes sure it’s either System or Custom location, avoid Author location, this way you won’t lose translations if you update theme/plugins (more about it)
Click Start Translating.
Now you should see that screen where you can translate each string that is used in theme:
When you’re done, click Save, and it’s also recommended to click both “Po” and “Mo” buttons to save them on your PC as a backup.
Dashboard page titles has to be changed in WordPress page editor:
All new created websites are required by Google to use an API key to access the Google Maps API services.
You need Google API key if you would like to use Google Maps, Google Autocomplete and radius search feature in our theme. Otherwise it’s not necessary and you can use OpenStreetMap or other providers.
Go to Google Developer console and create new projec: click “Select Project” then “New Project”
Select a name for your API key and click “Create”
Click “APIs & Services”
Then select “Credentials” tab, click on “Create Credentials”
You’ll see generated API key. Copy and save it. You will need it later.
After generating the key, simply click on it to access its configuration options.
You need to restrict key to domain by checking “Websites” under application restriction section.
If you’re creating API key for radius search functionality, please check Step 6 first
Afterward, select the “Add” option and input your domain in the correct format. Please remember to enclose your domain with asterisks (*) at both the beginning and end (after / slash). This step is crucial as it ensures access to the API key for all subdomains and subpages.
Here’s an example of the correct format (without a dot before the domain): *listeo.pro/*
Important!
To use APIs you have to enable billing which can be done separately (see Usage and Billing) or when obtaining your API key. The initial $200 of monthly usage is free, and you’re unlikely to surpass this limit.
Charges are based on actual usage, and you can monitor rates and spending in your Google Cloud Platform Console. Set daily quotas to prevent unexpected spikes and configure billing alerts to receive email notifications for customizable charge thresholds.
Open menu button in top left corner, click “More Options” then scroll down to Google Maps Platform and select Overview
Click “Enable APIS”
To make sure that all required APIs are enabled head over to APIs & Services, select “Enabled” filter and check if Places API, Maps JavaScript API and Geocoding API are enabled (you should see “DISABLE” sign which means they are enabled).
Go to Listeo Core → Map Settings and paste your API key in “Google Maps API Key” field.
Radius search functionality requires key without domain restriction. To generate such key skip the first step in this tutorial. Instead, follow steps 2 through 3, but when you reach step 3, do not restrict the key to your domain. This key will be exclusively utilized on the backend and will not be visible to anyone.
Then add unrestricted key in Listeo Core under “radius search settings”
Google Maps API pricing got you down? You can use alternatives like OpenStreetMaps, MapBox, Bing Maps, Thunderforest or HERE maps.
What’s more Listeo supprorts also location autocomplete feature powered by OpenStreetMap which means that you don’t need to use Google API even for this. It’s exclusive to Listeo – not found in other themes! We took care to develop it with best UX/UI practices and it works as good as Google’s autocomplete.
An example of map and location autocomplete field powered by OpenStreetMap:
Please note that OpenStreetMap location address suggestions work only on “type and hit enter”. OpenStreetMap usage policy doesn’t allow generating address propositions on each key press (like Google does). That would generate too many requests per second and could overload their servers. Technically it’s possible but OSM foundation shares their api for free so we wanted to respect their usage policy.
An example of map and location autocomplete field powered by Google Maps:
You will find all map settings in Listeo Core → Map Settings:
Listeo comes with an excellent setup wizard that will automatically import demo data
You should see Setup Wizard page immediately after activating Listeo, if you don’t or you’ve skipped it, you can find it in Appearance → Setup Wizard.
It’s pretty basic, you just need to confirm each step, the wizard will install and activate all required plugins, import all the content, and set basic options. There are few things you need to do manually after.
The logo can be set in Appearance → Customize → Site Identity.
There are two ways to install theme
Once the theme is uploaded, you need to activate it. Go to Appearance → Themes and activate Listeo.