Website performance is an important aspect of web design, which is often ignored by institutions. If your website responds very fast and provides content, you will get many benefits -including increased the number of transformations and a better ranking in Google.
In HERDL, we fully realize that high performance can provide the benefits of multiple marketing channels, and regard performance optimization as an indispensable part of our process.
Why is the speed of the website very important?
As an e -commerce website, the conversion rate is an important data and should constitute the core of your report process. The website speed has a fundamental impact on the conversion rate of the website. The research provided by Google emphasizes the huge benefits of fast websites. In their reports, it is easy to find the strong correlation between the speed and conversion rate of the website.
Google has recently confirmed the importance of website speed as the ranking factor: early 2018, they announced the speed update as part of its extensive transition to its mobile priority index. Speed \u200b\u200bUpdate was launched in July 2018. It is reported that only a small number of websites have the slowest website.
as an e -commerce website, the conversion rate is an important data, which should constitute you The core of the report process.
Despite this, as early as the first release of Google PageSpeed \u200b\u200bInsights, the website speed has become part of the Google search engine algorithm. During the release, the website speed was officially named Google’s ranking signal and was considered an indispensable SEO ranking factor.
The importance of hardware and settings
Performance starts from the hardware, so if your server or network is limited, the performance will inevitably be affected.
Our custody platform is designed, constructed and managed by Bitfield Consulting infrastructure expert John Arundel, and provides high -performance WordPress hosting and data center -level disaster recovery. We distribute stations on Digital Ocean and LINODE. They all offer reliable and scalable virtual special servers, run on SSD drives and 40GBit networksFast hardware.
Out of performance and security, we always use to adopt each server single site model [ 123] and Each server firewall
. Sharing hosts should be avoided for commercial websites, and should definitely be avoided for e -commerce. In terms of hosting and safety, keep paranoia- \”Don’t Adventure\” is the best mentality.
Sharing hosts should be avoided for commercial websites, and should definitely be avoided for e -commerce.
The Herdl server runs the LEMP stack (Ubuntu LTS, Nginx, MySQL, PHP) through the configuration of Puppet. Puppet enables us to automate our server settings, application installation and system management, thereby eliminating human errors in these repetitive tasks. It is also used to automate the daily server backup and save the complete database and incremental site backup to Amazon S3. By saving different places to S3, we ensure that they can access them even if the data center fails.
For a single server architecture, performance bottlenecks are usually databases. Memory tightly -make sure you have enough RAM and VCPU. Use Redis cache query results to further improve database performance. MySQL ( My.cnf
) The standard configuration attached to work can work, but you may need to be slightly adjusted according to your server specifications. There are many good articles about optimizing mysql for WordPress, including useful suggestions and example configuration files, but the best choice is to adjust it to your actual site usage -for this, we use this excellent Perl script.
Please test any configuration changes on your on -site site first, and use MySQLSLAP (MySQL attachment) to test your results. It is also a good idea to use mysql slow query logs on your on -stage server, because it can highlight the trouble query that should be investigated (and it is also useful for providing test queries for your benchmark test).
If you release the content regularThere are pages and release revisions to become very bloated. By default, the number of revisions saved by wordpress is not limited-we add the following digits to five by adding the following lines to five:
Finally, it is worth optimizing your database from time to time, but be sure to back up it first. WP Rocket, a WordPress cache plug -in, provides all the tools you need. I will talk more about WP Rocket later.
Development Tool
For WordPress development, we rely on the ROOTS team to use the Sage Starter theme (and workflow) special \"style\" to WordPress. This includes Gulp for advanced automation construction tasks, Composer for controlling dependencies, including using third -party WordPress plug -ins (and versions control), and NPM for packaging management.
You can imagine that our workflow is constantly developing, and we have been looking for new tools and tools Service is integrated into our process. Our team strives to maintain our code DRY and follow the BEM principle as much as possible. The way we build theme files to promote this through breakdown theme functions, templates and assets. For version control, we use gitbucket to follow the NVIE GIT workflow. The code is automatically constructed and deployed by deployhq, which is easy to set and provide all options required for WordPress development. In addition, their support is first -class.
Once your application starts and runs, you can measure and test important statistical data in order to fine -tune and optimize performance. To this end, we combine using the Pingdom tool, GT Metrix and Google PageSpeed \u200b\u200bInsights. There are many indicators to be viewed in the reports generated by these services -eventually,
loading time
and
pages need attention, the purpose is to reduce the two as much as possible. This ensures that all users on all devices (connected to the network) can get the best experience.
In terms of crossing browsers and device tests, we choose Lambdates. It uses simple, provides a comprehensive test kit, and plans to meet all budgets. It is also integrated with TRELLO and Slack, forming an important part of our workflow. WP Rocket is our preferred WordPress cache plug -in, which will significantly improve the performance of any website. It is easy to configure and provide very fine control to more high -level users, which means you can fine -tune the cache configuration. WP Rocket is perfectly integrated with CDN, and its license model is very suitable for agency.
According to the customer’s budget and site, static assets are either directly provided by the Web server, from CDN (such as Beluga and Bunnycdn), either provided by real -time image optimization services (PIIO and ImageKit). For mobile performance, PIIO (pronunciation is PIE-O) is a good choice because it will dynamically detect, optimize and adjust the image size of the image before delayed the image-this means that each device will be optimized and correctly adjusted by each device. Size images (no need to zoom in the browser).
If we do not use the image optimization service, then Short Pixel It is the plug -in we recommend. It uses damaged, gloss or lossless compression to provide excellent image optimization, and can also convert the image to a webp format. It can also optimize your entire media library in batches, and the price is also very competitive. Security is an important part of website performance. If your website is destroyed, infected by malware, or is off due to attacks, its performance is not the best. Such popularity has made WordPress a significant goal of hackers, so the security of application level is important. We use and strongly recommend WordFence, which is undoubtedly the best WordPress security plug -in. For e -commerce websites, please choose the PRO license to pay -customer data is not something you should take risks. WP Rocket is a WordPress cache plug -in, which provides you all the tools needed to optimize the WordPress database from time to time.
The availability is also the key. If it is currently closedAnd you don’t know it, it is meaningless to have the fastest site on the earth. For server -level monitoring, we use icinga to monitor all services running on each server. We also use Uptime Robot to make you more peace of mind -to ensure that we always receive any problems that we always receive any problems.
MABL, SENTRY, and FluxGuard processing application monitoring to remind us of any application level. They can also detect the changes in content level -this is a good indicator of the underlying code level problem after the update. MABL also did a lot of other cool things, including automated testing. This is one of our favorite services, and it is definitely worth trying.
As the flow and load increased the capacity of a single server, the multi -server architecture began to play a role. At this point, we strongly recommend that you hire a special internal member of the development and operation consultant or team. Let performance be part of your design and development process From planning to design and development, performance is the consideration of our entire process. Our design team and developers continue to dialogue on the best way to handle projects (even specific elements) to create the best online experience.
In the planning stage, we have a clear understanding of what functions we need. Using woocommerce is a good example, because when we provide e -commerce elements, the custody requirements are different. Customers have realized this from the beginning and provided a set of different hosting options.
The same idea is continued to the design stage. We will create a line box, concept and even animation in it To indicate the pages and elements on the website. Most front -end effects are conceived here. Our team worked together to design things that can provide amazing experiences, and the performance is an indispensable part.
We believe that treating all devices as part of this process is very important, and at the same time, considering the difference between mobile and desktop experience.
We used iterative methods to test the entire development process and continuously adjust the elements. We follow the process of elegant relegation, starting with our ideal concepts, and appropriately deleting layers for each equipment and browser. In addition, we will leave the time for performance optimization, introduce cache and file optimization, and change the code level. This stepAmong them, we will test and re -test elements on multiple devices until we are satisfied with its performance.
Pay attention to performance at all stages of our work, which helps to ensureIt was well received during the release and made us win many awards.These include some award -specific awards, such as the AWWWARDS Developer Award, Mobile Excellence Award, and mobile websites this week.
Improve the speed and security of the Woocommerce website
We hope that by sharing some backgrounds on website performance and detailed information around usSpeed and safety.In order to effectively run the e -commerce website, the performance should be the top priority. We believe that with the popularity of mobile devices, the performance will only become more important.
If you have any questions or opinions on our settings, please leave a message or contact us.
Please test any configuration changes on your on -site site first, and use MySQLSLAP (MySQL attachment) to test your results. It is also a good idea to use mysql slow query logs on your on -stage server, because it can highlight the trouble query that should be investigated (and it is also useful for providing test queries for your benchmark test). 
need attention, the purpose is to reduce the two as much as possible. This ensures that all users on all devices (connected to the network) can get the best experience. 
The availability is also the key. If it is currently closedAnd you don’t know it, it is meaningless to have the fastest site on the earth. For server -level monitoring, we use icinga to monitor all services running on each server. We also use Uptime Robot to make you more peace of mind -to ensure that we always receive any problems that we always receive any problems. 
Improve the speed and security of the Woocommerce website