#1 in modern web development; Vontainment

  • Web Design
  • 10 min read
Modern web development technologies for small business needs

We specialize in modern web development

Vontainment.com is a prime example of our work in modern web development. As simple and clean as our site works it is a shell on and advanced framework on modern web technologies. Our site’s average load time is 1 second, but in that time 1000 of database queries and functions are calculated and all on low end affordable hosting. Our site is a Progressive Web App, protected by a firewall and antivirus, as well as a DNS level firewall, and several types of cashes. A combo that brings advanced features, speed and security.

When dealing in modern web development there are many concerns from SEO, speed and security to take into consideration and we do just that. Let’s talk about some of the technologies that are part of Vontainment.com’s modern web development .

Progressive Web Apps the future of web development

At their heart, Progressive Web Apps are just web applications. Using progressive enhancement, new capabilities are enabled in modern browsers. Using service workers and a web app manifest, your web application becomes reliable and installable. If the new capabilities aren’t available, users still get the core experience.

The numbers don’t lie! Companies that have launched Progressive Web Apps have seen impressive results. For example, Twitter saw a 65% increase in pages per session, 75% more Tweets, and a 20% decrease in bounce rate, all while reducing the size of their app by over 97%. After switching to a PWA, Nikkei saw 2.3 times more organic traffic, 58% more subscriptions, and 49% more daily active users. Hulu replaced their native desktop experience with a Progressive Web App and saw a 27% increase in return visits.

Progressive Web Apps provide modern web technologies with a unique opportunity to deliver a web experience your users will love. Using the latest web features to bring native-like capabilities and reliability, Progressive Web Apps allow what you build to be installed by anyone, anywhere, on any device with a single codebase.

Modern web security

Wordfence includes an endpoint firewall and malware scanner that were built from the ground up to protect WordPress. Our Threat Defense Feed arms Wordfence with the newest firewall rules, malware signatures and malicious IP addresses it needs to keep your website safe. Rounded out by a suite of additional features, Wordfence is the most comprehensive security option available.

Wordfence includes a Web Application Firewall (WAF) that identifies and blocks malicious traffic. It runs at the endpoint, enabling deep integration with WordPress. Unlike cloud alternatives it does not break encryption, cannot be bypassed and cannot leak data. An integrated malware scanner blocks requests that include malicious code or content. Defends against brute force attacks by limiting login attempts, enforcing strong passwords and other login security measures. Upgrading to Premium enables real-time firewall rule and malware signature updates as well as the Real-time IP Blacklist, which blocks all requests from the most malicious IPs, protecting your site while reducing load.

The Wordfence scanner checks core files, themes and plugins for malware, bad URLs, backdoors, SEO spam, malicious redirects and code injections. It also compares your files with what is in the WordPress.org repository, checking their integrity and reporting any changes to you. Repair files that have changed by overwriting them with a pristine, original version and easily delete any files that don’t belong. It also checks your site for known security vulnerabilities, abandoned and closed plugins. Content safety checks ensure that your files, posts and comments don’t contain dangerous URLs or suspicious content. Upgrading to Premium enables real-time malware signature updates, reputation checks and better control over scan timing and frequency.

The Integrated Global Cloud Platform, Trusted by over 26 million Internet properties. Cloudflare provides a scalable, easy-to-use, unified control plane to deliver security, performance, and reliability for on-premises, hybrid, cloud, and SaaS. Cloudflare is a web performance and security company that provides online services to protect and accelerate websites online. Its online platforms include Cloudflare CDN that distributes content around the world to speed up websites, Cloudflare optimizer that enables web pages with ad servers and third-party widgets to download Snappy software on mobiles and computers, CloudFlare security that protects websites from a range of online threats including spam, SQL injection, and DDOS, Cloudflare analytics that gives insight into website’s traffic including threats and search engine crawlers, Keyless SSL that allows organizations to keep secure sockets layer (SSL) keys private, and Cloudflare applications that help its users install web applications on their websites. Together these solutions form a complete security defense for use with modern web technologies.

modern web technologies on LiteSpeed Web Server

LiteSpeed Web Server is the leading high-performance, high-scalability web server from LiteSpeed technologies. It can be used to replace an existing Apache server without changing any other programs or operating system details. Best of all, it can be integrated without breaking anything. As such, LiteSpeed Web Server can quickly replace a major bottleneck in your existing web hosting platform.

With its comprehensive range of features and easy-to-use web administration console, LiteSpeed Web Server can help you conquer the challenges of deploying an effective web hosting infrastructure

LiteSpeed Web Server has superior performance in terms of both raw speed and scalability. LiteSpeed is faster than Apache while serving PHP contents. It’s an ideal hosting platform for serving WordPress, Joomla and Drupal based websites as it easily increases PHP’s performance and security.

LiteSpeed Web Server is compatible with the commonly used Apache web server and its features such as mod_rewrite, .htaccess, and mod_security. LiteSpeed Web Server can even load the Apache configuration files, allowing it to work as a direct replacement for Apache. It is also compatible with the leading hosting control panels, such as cPanel, Plesk, and DirectAdmin.

LiteSpeed Web Server increases the performance & scalability of web hosting platforms through its unique event driven architecture. It has the capability of serving thousands of clients simultaneously with minimum usage of server resources such as memory and CPU. The uniquely developed & optimized code of LiteSpeed Web Server increases PHP performance as well as serving static websites faster than Apache. It has the capability of handling sudden spikes in traffic as well as helping to manage against DDOS attacks without any DDOS mitigation hardware.

LitSpeed Web Server is compatible with Apache’s mod_security feature and has built-in anti-DDoS capability. With customizable features such as per-IP connections and bandwidth throttling, IPs that make too many connections or requests or ask for too much bandwidth are blocked, stopping attackers before they overrun your server.

Speeding up mysql with redits

Redis is an open source (BSD licensed), in-memory data structure store, used as a database, cache and message broker. It supports data structures such as strings, hashes, lists, sets, sorted sets with range queries, bitmaps, hyperloglogs, geospatial indexes with radius queries and streams. Redis has built-in replication, Lua scripting, LRU eviction, transactions and different levels of on-disk persistence, and provides high availability via Redis Sentinel and automatic partitioning with Redis Cluster.

You can run atomic operations on these types, like appending to a string; incrementing the value in a hash; pushing an element to a list; computing set intersection, union and difference; or getting the member with highest ranking in a sorted set.

In order to achieve its outstanding performance, Redis works with an in-memory dataset. Depending on your use case, you can persist it either by dumping the dataset to disk every once in a while, or by appending each command to a log. Persistence can be optionally disabled, if you just need a feature-rich, networked, in-memory cache.

Redis also supports trivial-to-setup master-slave asynchronous replication, with very fast non-blocking first synchronization, auto-reconnection with partial resynchronization on net split.

All-in-One Acceleration Solution

A free and open source WordPress plugin. It communicates with your installation of LiteSpeed Web Server and LSWS’s built-in page cache to dramatically reduce page load times.

With advanced cache-management tools and optimization features, LSCWP is an all-in-one site acceleration solution. It’s the only optimization plugin you need!

With LiteSpeed, your site can employ the best practices that make for a high PageSpeed score, and – more importantly – an exceptional user experience.

Server-Level Full-Page Cache

Communicates directly with LiteSpeed Web Server to store static copies of dynamically-generated web pages.

  • Faster page retrieval than uncached content
  • Powerful cache-management tools that are impossible for the other plugins to replicate.
  • Tag-based smart purging of the cache.
  • Ability to cache multiple versions of generated content based on user agent, geography, currency and more.

Private Cache

Has the ability to cache personalized copies of a page, in situations where the content is pertinent only to the user who requests it.

  • Pages that would publicly be uncacheable may be cached privately.
  • Caching can be extended to include logged-in users.

Edge Side Includes (ESI)

ESI lets you “punch holes” in a cached page, and then fill those holes with differently-cached content.

  • Large sites with rarely-changing content can be cached longer while punching holes for more frequently-changing widgets.
  • Entire pages need not be cached privately if a hole can be punched for a personalized greeting or a shopping cart.

Image optimization

Reduces the size of your site’s images in order to improve page load times.

  • Facilitates the use of the WebP file format for even smaller image files.
  • Individual images may be reverted back to their original formats if desired.

Crawler

Travels its way throughout the site, refreshing pages that have expired in the cache.

  • Not reliant on external visitors to populate the cache.
  • Minimizes the chances that a visitor will encounter uncached content
  • Is smart enough to adjust its own level of resource consumption to minimize its impact on the server

CSS, JavaScript, or HTML Minification

Removes all unnecessary whitespace characters, newline characters, and comments from CSS, JavaScript, or HTML code

  • Can be configured separately. Enable only the minification functions you need.
  • Shrinks the size of the source code, making it more efficient to transmit over networks.

CSS and JavaScript Combination

Combines multiple JavaScript or CSS files into one.

  • Can be configured separately. Enable only the combination functions you need.
  • Reduces the number of requests made by the browser and potentially removes duplicate code, both of which translate to improvements in speed.

HTTP/2 Push

Anticipates the browser’s needs and acts upon them without without waiting for a separate request.

  • Sends the included CSS and JavaScript files when index.html is requested.
  • Reduces the number of requests necessary when loading a web page.

Content Delivery Network Support

Complements the dynamic-page-caching functionality of LSCWP by facilitating the use of a CDN for static content.

  • Eliminates the need for a separate CDN plugin.
  • Content Delivery Network usage speeds up your site by serving static content to visitors from locations that are geographically closer to them.

Browser Cache Support

Facilitates storing static content locally on the user’s device. Content is pulled from the device’s local storage until the browser cache expires.

  • Simple ON/OFF button. No complicated setup.
  • No fussing with configuration files. LSCWP edits .htaccess for you.
  • Eliminates the need for a separate Browser Cache plugin.
  • Browser cache usage speeds up your site. No matter how fast the connection, displaying a local image will always use fewer resources than transferring an image across the internet.

Lazy Load Images

Loads images and iframes asynchronously.

  • Saves time by loading only that media necessary to fill the current viewport.
  • Load remaining images and iframes on an as-needed basis.
  • Appeals to mobile visitors conscientious about the cost of bandwidth.

Database Optimization

Keeps the WordPress database slim, trim, and as efficient as possible.

  • Speeds up database queries by eliminating the clutter that accumulates over time.
  • Eliminates the need for a separate database optimization plugin.

We put these technologies to use for us and we put them to use for our clients. We put the best of what the web has to offer in the hands of our clients to help them achieve their goals online.