Read up on the latest articles about software, technology, business, design, and tips for innovators like yourself.

large_community_header.jpg

medium_community_header.jpg

small_community_header.jpg

thumbnail_community_header.jpg

community_header.jpg

Fuel Your Mind

Discover Articles

Docker, Kubernetes, and Helm: How To Up Your Containerization Game

No-Code/Low-Code vs. Custom Development – Which Is Better?

How to Use Python for Web Scraping

The Advantages and Disadvantages of Using GitHub

Top Reasons to Hire OffShore Developers from Reputed Firm

How to Create a Better Subscription Business with an Alternative to Shopify Subscription Apps!

Get the latest insights

CodeClouds(IN)-Kolkata(II)

CodeClouds(IN)-Kolkata(III)

CodeClouds (USA)

CodeClouds (NZ)

CodeClouds (AUS)

CodeClouds(IN)-Kolkata(HQ)

CodeClouds

facebook

youtube

twitter

linkedin

<div class="blockquote">Overview</div><h2 class="blog-overview-para">WordPress will not execute PHP inside of a WordPress post. In order to do this, we’ll either need to use a plugin that allows you to insert PHP snippets, or manually define a snippet using shortcodes.</h2><p><img class="aligcenter size-full wp-image-20668" src="https://media.codeclouds.com/medium/How-to-Insert-Custom-PHP-to-a-WordPress-Post-cover-01.png?updated_at=2023-07-26T08:13:39.179Z" alt="Insert Custom PHP to a WordPressPost" width="" height=""></p><p style="text-align:left;">There are two ways to add PHP to a WordPress post from the editor. The first, using a plugin to do it for you, is the easiest, and likely safer option. There are many plugin options out there, but we’re demonstrating with “PHP Code Snippet”. This plugin works by allowing you to define a code snippet, then insert it later via a shortcode in your actual post.</p><h3 class="blog_h3">Doing it with a plugin</h3><p style="text-align:left;">To start, install the Insert <a target="_blank" rel="noopener noreferrer" href="https://wordpress.org/plugins/insert-php-code-snippet/">PHP Code Snippet</a> plugin, then click activate.</p><p><img class="alignnone size-full wp-image-20668" src="https://media.codeclouds.com/small/01.png?updated_at=2023-07-26T08:13:39.034Z" alt="step 1" width="" height=""></p><p style="text-align:left;">Then, navigate to the PHP Code Snippets section under the plugin’s menu.</p><p><img class="alignnone size-full wp-image-20668" src="https://media.codeclouds.com/xsmall/02 (1).png?updated_at=2023-07-26T08:13:37.087Z" alt="step 2" width="" height=""></p><p style="text-align:left;">Click “Add New PHP Code Snippet”.</p><p><img class="alignnone size-full wp-image-20668" src="https://media.codeclouds.com/medium/03.png?updated_at=2023-07-26T08:13:38.787Z" alt="Add New PHP Code Snippet" width="" height=""></p><p style="text-align:left;">Here, you can make your snippet. The Tracking Name is what it will show up as in the editor, and what you can use to call it manually. It does not support spaces, but if you insert a space it will replace it automatically.</p><p><img class="alignnone size-full wp-image-20668" src="https://media.codeclouds.com/large/04 (1).png?updated_at=2023-07-26T08:13:38.695Z" alt="Add New PHP Code Snippet" width="" height=""></p><p style="text-align:left;">Simply add the code you want in this snippet in the text box, then click create.</p><p style="text-align:left;">It should be active by default, but make sure by mousing over the icon on the left side of the “actions” column.</p><p><img class="alignnone size-full wp-image-20668" src="https://media.codeclouds.com/medium/05.png?updated_at=2023-07-26T08:13:39.190Z" alt="step 5" width="" height=""></p><h3 class="blog_h3">Adding the snippet your post automatically</h3><p style="text-align:left;">If you’re using the Gutenberg (Block) editor, you’ll want to first add a classic block</p><p><img class="alignnone size-full wp-image-20668" src="https://media.codeclouds.com/small/06.png?updated_at=2023-07-26T08:13:39.094Z" alt="step 6" width="" height=""></p><p style="text-align:left;">In this block, you’ll see a new button for PHP, select your snippet.</p><p><img class="alignnone size-full wp-image-20668" src="https://media.codeclouds.com/medium/07 (1).png?updated_at=2023-07-26T08:13:38.992Z" alt="step 7" width="" height=""></p><p style="text-align:left;">You’ll get something that looks like this.</p><p><img class="alignnone size-full wp-image-20668" src="https://media.codeclouds.com/xsmall/08.png?updated_at=2023-07-26T08:13:37.094Z" alt="step 8" width="" height=""></p><p style="text-align:left;">If you’re one of the millions using a classic editor plugin or are on an older version of WordPress, it will be in the toolbar by default.</p><p><img class="alignnone size-full wp-image-20668" src="https://media.codeclouds.com/small/09.png?updated_at=2023-07-26T08:13:38.782Z" alt="Adding snipped to WordPress Post" width="" height=""></p><p style="text-align:left;">Once you’ve added your snippet, update and check the post. You should see the result of your PHP.</p><p><img class="alignnone size-full wp-image-20668" src="https://media.codeclouds.com/medium/10.png?updated_at=2023-07-26T08:13:39.479Z" alt="Hello World WordPress Post" width="" height=""></p><h3 class="blog_h3">Adding the PHP snippet your post manually</h3><p style="text-align:left;">You can, of course, just type it in using the format below.</p><p style="text-align:left;">[xyz-ips snippet=”Insert Tracking Name Here”]</p><h3 class="blog_h3">Adding PHP to your post with a shortcode</h3><p style="text-align:left;">If you refuse to install yet another plugin, you can do what these plugins do manually with a similar result. This, of course, is not the recommended way, but you <i>can</i> do it.</p><p style="text-align:left;">To do this, you’ll be taking advantage of <a target="_blank" rel="noopener noreferrer" href="https://codex.wordpress.org/Shortcode_API">shortcodes</a> in your theme’s functions.php file. The caveat of doing this is it will only work with this theme applied. If you do it this way, you may want to make use of a child theme, ensuring that your new functions aren’t overwritten when your theme gets an update.</p><p style="text-align:left;">Find your functions.php file in your theme’s directory, and add your shortcode to it. Refer to the link above to the WordPress Codex if you’re unsure how to make it. Here’s a simple example.</p><pre><code class="language-plaintext">
function test_func( $atts ){
&nbsp; &nbsp; return 'This is PHP from your functions file' ;
  }
  add_shortcode( 'test', 'test_func' );
</code></pre><p style="text-align:left;">Save it, then call it in your post with</p><p style="text-align:left;">[test]</p><p style="text-align:left;">You should now see this</p><p><img class="blog-img-below-gap" src="https://media.codeclouds.com/large/image10-1.png?updated_at=2023-07-26T08:13:39.643Z" alt="Working PHP in a WordPress Post" width="" height=""></p><p>If you need any help sprucing up your WordPress site, look no further than the <a href="/skill/wordpress-developers/">professional WordPress development</a> at CodeClouds. We do custom WordPress themes, WooCommerce plugin development, and CRM integration. Contact us today!</p><p><img class="" src="https://media.codeclouds.com/large/How-to-Insert-Custom-PHP-to-a-WordPress-Post-728x90-1.png?updated_at=2023-11-14T09:01:51.881Z" alt="professional WordPress development" width="" height=""></p>

WordPress doesn't execute PHP in posts by default. In this blog, we’ll go over two ways to add a simple code snippet to your post.

How-to-Insert-Custom-PHP-to-a-WordPress-Post-covers-Facebook.png

How to Insert Custom PHP to a WordPress Post

<div class="blockquote">Overview</div><h2 class="blog-overview-para">GitHub is the go-to tool for crafting blogs and other websites, but not everyone gets on board with it automatically. It pays to know why GitHub has high utility value before actually using it, as well as the small drawbacks that prospective users need to be aware of. Read about the pros and cons of GitHub below.</h2><p style="text-align:left;">Web-savvy folks have probably heard all about (and most likely use) GitHub, a repository hosting service for Git that also has a web-based graphical interface. The service includes access controls as well as a number of collaboration features like tools for basic task management and wikis for all projects you handle. It’s definitely something worth looking into, and the best way to see if it’s the service for you is by understanding its advantages and disadvantages.</p><p><img src="https://media.codeclouds.com/medium/38.png" alt="Advantages and Disadvantages of Using GitHub" srcset="https://media.codeclouds.com/xsmall/thumbnail_38.png 245w,https://media.codeclouds.com/small/small_38.png 500w,https://media.codeclouds.com/medium/medium_38.png 750w," sizes="100vw" width="750px"></p><h3 class="blog_h3">Benefit: Markdown</h3><p style="text-align:left;">Basically, Markdown allows you to use a simple text editor to write formatted documents. GitHub, like many online repo services, supports Markdown for issue tracking, user comments, wikis – everything. With so many other programming languages to learn for setting up projects, it’s really a big benefit to have your content input in a format without having to learn yet another system. In addition, there is also what is known as the GitHub flavored markdown – a feature that adds changes to the usual markdown in order to make it more useful for documentation.</p><h3 class="blog_h3">Benefit: GitHub Has Some of The Best Documentation Around</h3><p style="text-align:left;">You won’t run out of content when you use GitHub, thanks to a well-padded guide and help section for articles that you can pull up for practically any topic on earth, for as long as it is related to a Git. It’s got content for helping you learn about generating SSH keys. A guide for the best Git workflow is available. Samples on gitignore (and more) abound for your next planned project, among other things. You won’t need to look elsewhere for all the information you need.</p><h3 class="blog_h3">Benefit: GitHub has Gists and GitHub Pages, too</h3><p style="text-align:left;">A while back, GitHub rolled out a feature called Gists, which lets you convert one or several files into a <a href="/blog/what-is-git-and-how-do-you-use-it/">working Git repository</a>. This feature converted sharing and tracking changes made to configuration files and even simple scripts into a whole new level of ease. While they aren’t as rich in features as a full-blown GitHub repository, they really work well even if you don’t have a paid account.</p><p style="text-align:left;">GitHub pages, on the other hand, lets you host static websites by simply assigning HTML pages onto another, separate repository – the way you would any other type of Git repository. With this, blogging can be done off the bat as well as updating with additional documentation or bumping up its web presence.</p><h3 class="blog_h3">Benefit: Collaboration</h3><p style="text-align:left;">GitHub is the ultimate tool for collaborative coding. Firstly, GitHub contains powerful versioning software so that it can handle branching and merging easily. This means multiple people can work on the same piece of code, online or offline, which will be saved in the same Git.</p><p style="text-align:left;">Secondly, GitHub is great for remote collaboration. For those who are not in the same physical location (e.g. remote workers or people working from home), an online Git is an easy solution requiring no setup for new users. With no need to connect to the company’s VPN, it may be easier to dump everything on a private repository on GitHub.</p><p>This benefit is much greater to those working collaboratively on a project which is not part of a professional environment – particularly open-source projects. Most programmers already know how to use GitHub, and it’s easy to point people to a GitHub page if they want to make contributions. Online repositories are essential for open-source projects (though some will avoid GitHub because of its acquisition by Microsoft).</p><h3 class="blog_h3">Benefit: Backup</h3><p style="text-align:left;">Using an online repository should never be considered infallible, but it provides a nice and simple way to have code and version history available online, regardless of what happens to your local machine. For some people, this is enough, but we stress that a multi-solution backup plan is always the best.</p><h3 class="blog_h3">Potential Drawback: Difficult To Use For Beginners</h3><p style="text-align:left;">GitHub is a very powerful tool and so it is hard to get the hang of as a beginner. New users can find the many different options and ways of doing things in GitHub confusing and overwhelming. In particular, many people struggle with GitHub’s many unintuitive commands and the inconsistency between commands and arguments in the software.</p><h3 class="blog_h3">Potential Drawback: Security</h3><p style="text-align:left;">GitHub does offer private repositories on both free and paid tiers, but even private repositories have their issues. For high-value intellectual property, you’re putting all of this in the hands of GitHub as well as anyone who has a login, which, like many sites, has had security breaches before and is targeted constantly.</p><p style="text-align:left;">GitHub has taken steps to make things more secure <a target="_blank" rel="noopener noreferrer" href="https://www.infoq.com/news/2022/06/GitHub-enterprise-server-3-5/">(such as the Dependabot addition to GitHub Enterprise)</a>, and <a target="_blank" rel="noopener noreferrer" href="https://github.blog/2022-04-28-best-practices-to-keep-your-projects-secure-on-github/">there are steps you can take</a> as well, but there is still an element of risk that comes with GitHub being cloud-based. This is why some clients and employers will only allow code on their own secure internal Git as a matter of policy.</p><h3 class="blog_h3">Potential Drawback: Pricing</h3><p>Some of GitHub’s features, as well as features on other online repositories, are locked behind a SaaS paywall. If you have a large team, this can add up fast. Those who already have a dedicated IT team and their own internal servers are often better off using their own internal Git for cost reasons, but for most the cost isn’t outrageous and <a target="_blank" rel="noopener noreferrer" href="https://docs.github.com/en/get-started/learning-about-github/faq-about-changes-to-githubs-plans">GitHub’s pricing has improved</a> (e.g. free private repositories for unlimited users).</p><p><img src="https://media.codeclouds.com/large/The-advantages-and-disadvantages-of-using-Github.png" alt="expert Web design" srcset="https://media.codeclouds.com/xsmall/thumbnail_The-advantages-and-disadvantages-of-using-Github.png 245w,https://media.codeclouds.com/small/small_The-advantages-and-disadvantages-of-using-Github.png 500w,https://media.codeclouds.com/medium/medium_The-advantages-and-disadvantages-of-using-Github.png 750w,https://media.codeclouds.com/large/large_The-advantages-and-disadvantages-of-using-Github.png 1000w," sizes="100vw" width="1000px"></p><p>If you are looking for a <a target="_blank" rel="noopener noreferrer" href="https://careers.codeclouds.com/jobs/web-developer/">software development job in Kolkata</a>, CodeClouds is always hiring! If you’re not quite ready to tackle that role yet, we also have openings for <a target="_blank" rel="noopener noreferrer" href="https://careers.codeclouds.com/jobs/tester/">software tester jobs</a>.</p>

GitHub is the go-to solution for repositories. Should you be using GitHub to manage your project? We go over the major pros and cons of using GitHub

38.png

<div class="blockquote">Overview</div><h2 class="blog-overview-para">We run through the key differences between DigitalOcean vs Vultr and benchmark them so you can see which is the best VPS provider for what you need, whether you want the cheapest possible server or the best performance for a larger budget. We tested several tiers, not just the cheap ones!</h2><p style="text-align:left;">Whether you’re looking for the cheapest VPS or for the best performance for your dollar, shopping for the best VPS provider can be a maze of differing features and performance. In the past, we’d given an overview comparing <a href="/blog/digitalocean-vs-amazon-aws/">DigitalOcean vs AWS</a>, which are widely different. Today, we’ll be taking a close look at two competitors offering SSD based VPS solutions, both unmanaged. They offer similar options at similar prices, and choosing one over the other likely comes down to what features you need the most.</p><p><img class="aligncenter size-full wp-image-18669" src="https://media.codeclouds.com/medium/digitalocean.png?updated_at=2023-07-27T04:49:15.751Z" alt="digitalocean vs vultr" width="" height=""></p><h3 class="blog_h3">DDoS Protection</h3><p style="text-align:left;">Vultr offers DDoS protection out-of-the-box while DigitalOcean does not, meaning you may need a third party solution like Cloudflare and a well-configured firewall. For DDoS protection on Vultr, it comes at a flat rate of 10 USD per month per server.</p><h3 class="blog_h3">Downscaling</h3><p>While upgrading on DigitalOcean, you have the option to upgrade the whole machine or everything but the drive to the new tier. Both cost the same, but if you upgrade a droplet and don’t increase the drive size, you can scale it back to the old tier. On Vultr, you can scale up but not back down, meaning that you’ll have to make a new smaller server and move everything to it manually.</p><h3 class="blog_h3">OS Support</h3><p>Vultr offers both Windows Server 2012 R2 and Server 2016 at 16USD per month, and with their custom ISO option, it’s easy to load whatever version you want. However, you can’t just drop any ISO in there. Windows ISOs will need to be modified with VirtIO drivers, a fairly simple and straightforward process outlined <a target="_blank" rel="noopener noreferrer" href="https://www.vultr.com/docs/windows-custom-iso-with-virtio-drivers">here</a>. You also can’t directly upload an ISO to Vultr from your computer, you have to host it somewhere with a directly accessible URL and a maximum size of 8GiB. The alternative for semi or fully automated deployment is using an iPXE chain URL or iPXE script.</p><p style="text-align:left;">For official OS options, Vultr also offers the following. Each of these options has the last couple of long term versions to choose from.</p><p style="text-align:left;"><img class="aligncenter size-full wp-image-12199" src="https://media.codeclouds.com/large/vultr-optionscombined-1.png?updated_at=2023-07-27T04:49:15.092Z" alt="Vultr OS options" width="" height=""></p><p style="text-align:left;">In addition, you can choose from a list of preconfigured application installs, all based on CentOS.</p><p><img class="aligncenter size-full wp-image-12200" src="https://media.codeclouds.com/large/vultrapps-1.png?updated_at=2023-07-27T04:49:15.415Z" alt=" Vultr applications" width="" height=""></p><p style="text-align:left;">If you’d rather run a stock CentOS server with WHM/cPanel and configure it yourself, we have a <a href="/blog/cpanel-whm-how-to-increase-your-vps-server-speed/">helpful WHM/cPanel optimization guide here</a>. There’s also an ISO library to choose from which makes for a pretty large selection of out-of-the-box options.</p><p style="text-align:left;">For DigitalOcean, while they have good application options as well, there are fewer OS options, and no custom ISO or iPXE option.</p><p><img class="aligncenter size-full wp-image-12201" src="https://media.codeclouds.com/large/DO-OS-1.webp?updated_at=2023-07-27T04:49:14.616Z" alt="DigitalOcean OS options" width="" height=""></p><p><img class="aligncenter size-full wp-image-12202" src="https://media.codeclouds.com/large/DO-apps-1.webp?updated_at=2023-07-27T04:49:15.492Z" alt="DigitalOcean applications" width="" height=""></p><p style="text-align:left;">Both offer backups and IPV6. They both also now offer Private Networking. This adds an internal IP to your virtual machine, allowing communication between two instances in the same physical location to be incredibly fast, making it more appealing to deploy a small cluster of the best price/performance servers if you don’t need something centralized.</p><h3 class="blog_h3">Pricing</h3><p><i><strong>Update – January 16, 2018&nbsp;</strong></i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><i>DigitalOcean has reached out and informed us that the their pricing has changed since this article was published. We would like to note that the pricing we listed for both DigitalOcean and Vultr reflect the pricing at the time of making this comparison, and is subject to change. Please check their respective websites for current pricing.</i></p><p style="text-align:left;">Below are the different tiers of basic virtual servers from both DigitalOcean and Vultr.</p><p><img class="aligncenter size-full wp-image-12203" src="https://media.codeclouds.com/small/chart1-1.webp?updated_at=2023-07-27T04:49:14.812Z" alt=" DigitalOcean vs Vultr prices as of 11/2/2017" width="" height=""></p><p style="font-size:12px;text-align:left;"><span style="font-weight:400;">DigitalOcean vs Vultr prices as of 11/2/2017</span></p><h3 class="blog_h3">Cost comparisons</h3><p style="text-align:left;">If you’re going for CPU power, here is the cost breakdown for each tier. This is just the number of vCPUs, and actual performance may vary.</p><p><img class="aligncenter size-full wp-image-12205" src="https://media.codeclouds.com/medium/vcpuprice-1.webp?updated_at=2023-07-27T04:49:14.592Z" alt="price per vCPU, DigitalOcean vs Vultr" width="" height=""></p><p style="text-align:left;">In the $40 to $320 USD options, Vultr is a better option for price to CPU power. DigitalOcean offers larger packages, while Vultr offers dedicated servers instead of these higher priced tiers.</p><p style="text-align:left;">All of the main storage is SSD based, so the cost per GB is much higher than spinning rust, but allows good random read and write times as well as quick access. Here’s how the cost per GB breaks down for each tier.</p><p><img class="aligncenter size-full wp-image-12206" src="https://media.codeclouds.com/medium/ssdpricechart-1.webp?updated_at=2023-07-27T04:49:14.714Z" alt="price per GB of SSD Allocation, DigitalOcean vs Vultr" width="" height=""></p><p style="text-align:left;">Once again Vultr comes out ahead for value, while DigitalOcean has larger offerings in higher tiers for included storage.</p><p style="text-align:left;">In addition to the included SSD space, DigitalOcean offers ‘spaces’ and Vultr offers ‘storage instances’ for slower yet cheaper mass storage. Vultr’s ‘storage instances’ cannot be mounted to existing servers as they can on DigitalOcean. This isn’t a big issue as utilizing the private networking feature and storage at the same place as your server will give you high speed access to it without using external bandwidth.</p><p style="text-align:left;">DigitalOcean Spaces starts at 5 USD a month for a 250GB space and 1TB of bandwidth, and scales from there based on how much ‘storage overage’ you are using. Each additional GB is 2 cents per month (same cost/GB as base price) and additional bandwidth is 1 cent per GB (twice the cost of the base 1TB). We cannot see the pricing of what Vultr offers as they are sold out of storage instances. Through research we were able to find that they offer different fixed sizes, and comes to about 4 cents per GB. Their bandwidth overage cost is also 1 cent per GB.</p><p style="text-align:left;">For users that want a faster storage solution, both offer SSD block storage options. Vultr’s is currently only available in the New Jersey location. It costs 10 cents per GB, and can be directly attached to your server there. The minimum size is 10GB. For DigitalOcean, block storage is also 10 cents per GB, but with a minimum size of 100GB. Block storage is available at most of their locations. All things considered, DigitalOcean has more to offer in terms of storage.</p><h3 class="blog_h3">Bandwidth</h3><p style="text-align:left;">Overages on Vultr cost 1 cent per GB in North America and Western Europe, 2.5 cents per GB in Singapore and Tokyo, and 5 cents per GB in Sydney. Overages can be limited in your account settings.</p><p style="text-align:left;">The usage is simply the larger usage between upload and download. For example, if you used 50GB incoming and 200GB outgoing, your total usage would be 200GB.</p><p style="text-align:left;">Also interesting to note is the hourly rates. From the Vultr website</p><p><img class="aligncenter wp-image-11542 size-full" src="https://media.codeclouds.com/small/calculated.webp?updated_at=2023-07-27T04:49:13.784Z" alt="Vultr Bandwidth Statement" width="" height=""></p><p style="text-align:left;">DigitalOcean charges 1 cent per GB for overages with their storage instances, but does not appear to have any nuances to how that’s calculated. Since the FAQ section on their website was broken at the time of writing this, we reached out via support ticket to ask them about bandwidth usage on the regular droplets. They responded within hours.</p><p><img class="aligncenter size-full wp-image-11544" src="https://media.codeclouds.com/medium/DO-email.webp?updated_at=2023-07-27T04:56:01.067Z" alt="DigitalOcean Bandwidth Statement" width="945" height=""></p><p style="text-align:left;">So, currently, bandwidth limits on regular droplets are not enforced. Of course, one should check if that has changed since the time this article was written before deploying anything.</p><h3 class="blog_h3">Network performance</h3><p style="text-align:left;">What’s likely the most important thing to start with is picking a server close to you. In this area, Vultr has more choices. All of the available locations are on the map below. Vultr is shown in blue and DigitalOcean in orange.</p><p><img class="aligncenter size-full wp-image-12207" src="https://media.codeclouds.com/medium/mapfinalnonameslight960trans-1.webp?updated_at=2023-07-27T04:49:14.590Z" alt="DigitalOcean and Vultr locations- DigitalOcean in orange, Vultr in blue" width="" height=""></p><p style="text-align:left;">For both Vultr and DigitalOcean, we made 2 servers in the US and one in Germany to test the network performance. We used the command line interface version of speedtest.net, which can be installed on Ubuntu like this</p><p><code>apt-get update</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><code>apt-get install speedtest-cli</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><code>speedtest-cli</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;</p><p style="text-align:left;">The tests were all done on 5 USD servers, as the tier didn’t seem to affect the speed. We chose the Speedtest server that was closest and gave the best results consistently, then did various tests at different times of the day.</p><p style="text-align:left;">To replicate the tests we’ve done, add the server ID listed to the command. For example, ID #5029 (AT&amp;T New York)</p><p><code>speedtest-cli --server 5029</code></p><p style="text-align:left;">For DigitalOcean, we tested three locations- NY3, NY1, and FRA1 (New York and Frankfurt).</p><p><img class="aligncenter size-full wp-image-12208" src="https://media.codeclouds.com/small/speedtestchartDO-1.webp?updated_at=2023-07-27T04:49:14.418Z" alt="Speedtest scatterplot - DigitalOcean" width="" height=""></p><p style="text-align:left;">Average Ping: NY3 – 4.1, NY1-10.6, FRA1- 2.6</p><p style="text-align:left;">For Vultr, we tested NY(NJ), Seattle, and Frankfurt Germany</p><p><img class="aligncenter size-full wp-image-12209" src="https://media.codeclouds.com/small/speedtestsVUL-1.webp?updated_at=2023-07-27T04:49:14.612Z" alt="Speedtest scatterplot - Vultr" width="" height=""></p><p style="text-align:left;">Average Ping: Frankfurt- 1.22, NY(NJ)- 3.2, Seattle- 2.3</p><p style="text-align:left;">A pleasant surprise was the good and consistent speed of Vultr given some negative reputation in the past for poor internet connections. A standout here is the Frankfurt Vultr server, delivering consistently high download as well as upload near or above 700 Mb/s.</p><h3 class="blog_h3">Benchmarks</h3><p>For these tests, we’ll be testing each tier up to 160 USD. We’ll not be touching dedicated machines, only virtual ones.</p><p style="text-align:left;">First, a CPU test. We tested all machines with sysbench up to 20,000 prime numbers.</p><p><img class="aligncenter size-full wp-image-12210" src="https://media.codeclouds.com/medium/cpuchart-1.webp?updated_at=2023-07-27T04:49:14.614Z" alt="Sysbench CPU test, 20k prime, DigitalOcean and Vultr" width="780" height=""></p><p style="text-align:left;">Next, the sysbench File I/O test. This will be a good indicator of random read/write performance. We ran it for 30 seconds and recorded the total operations performed in that time.</p><p><img class="aligncenter size-full wp-image-12211" src="https://media.codeclouds.com/medium/fileIOchart-1.webp?updated_at=2023-07-27T04:49:15.197Z" alt="Sysbench File I/O test, total operations, DigitalOcean and Vultr" width="780" height=""></p><p style="text-align:left;">Next, memory performance. Operations per second, higher is better.</p><p><img class="aligncenter size-full wp-image-12212" src="https://media.codeclouds.com/medium/memorychart-1.webp?updated_at=2023-07-27T04:49:14.797Z" alt="Sysbench memory test, operations per second, DigitalOcean and Vultr" width="780" height=""></p><p style="text-align:left;">Finally, a more practical test- a sysbench MySQL test. Higher is better.</p><p><img class="aligncenter size-full wp-image-12213" src="https://media.codeclouds.com/medium/mysqlchart-1.webp?updated_at=2023-07-27T04:49:15.191Z" alt="Sysbench MySQL test, total queries, DigitalOcean and Vultr" width="780" height=""></p><h3 class="blog_h3">Other things to note</h3><p>We found the DigitalOcean remote terminal to be a bit clunky and often froze on both Chrome and Firefox while the Vultr one worked very well, though it’s obviously not the only option for remoting in.</p><p style="text-align:left;">For the virtualization, Vultr is using QEMU, DigitalOcean is using Bochs.</p><p style="text-align:left;">The 2.50 USD option on Vultr seems to be more of a marketing gimmick than a real product. We were able to snag a couple to play with near the end of writing this article, but they were ‘sold out’ for most of the time we were testing and are sold out again now.</p><p><img class="aligncenter size-full wp-image-12214" src="https://media.codeclouds.com/xsmall/soldout-1.webp?updated_at=2023-07-27T04:49:11.683Z" alt="Vultr is often sold out of lowest tier." width="304" height="257"></p><h3 class="blog_h3">Conclusion</h3><p>When comparing DigitalOcean vs Vultr both offer compelling feature and price differences over the other, and it really comes down to your use case. Is extra storage more important to you? Do you want to be able to downgrade your servers when you want? You’ll probably want DigitalOcean. Want included DDoS protection, better performance for your dollar, custom ISOs, or Windows? Vultr is your answer.</p><p><img class="" src="https://media.codeclouds.com/large/DigitalOcean-vs-Vultr-The-Best-VPS-Provider-for-Your-Needs.webp?updated_at=2023-07-27T04:49:15.188Z" alt="DigitalOcean vs Vultr" width="" height=""></p>

Check out our comparison and benchmarks of DigitalOcean vs Vultr to see which is the best VPS provider for your dollar and who has better features.

02.png

DigitalOcean vs Vultr: The Best VPS Provider for Your Needs

<div class="blockquote">Overview</div><h2 class="blog-overview-para">In the past we’ve talked about <a href="/blog/study-benefits-nosql-sql/" title="the differences between SQL and NoSQL databases more broadly">the differences between SQL and NoSQL databases more broadly</a>, but today we’re drilling down on two specifically: SQLite and MongoDB. They’ve got very different optimal use cases, but that’s what makes them a great illustration of why it’s important to choose the right database for your project; there’s no one <strong>best database</strong>, there’s the right database for a specific use-case. Let’s break that down.</h2><p><img class="aligncenter size-full wp-image-20627" src="https://media.codeclouds.com/large/MongoDB-vs-SQLite_Facebook.jpg?updated_at=2023-07-21T06:34:46.525Z" alt="MongoDB Vs SqlLite" width="" height=""></p><h3 class="blog_h3">MongoDB</h3><p style="text-align:left;">Mongo is the most widely known of all NoSQL databases, and an integral part of the JS-heavy MEAN stack. It’s popular with enterprise operations, particularly those with extremely high data requirements. It’s used by Facebook, Google, Adobe, Squarespace, and even banks like HSBC and Citigroup.</p><p style="text-align:left;">What’s it got going for it?</p><p style="text-align:left;">Well, firstly, it’s free and open-source, so if you’re on the fence, the cost of dipping your toes in is minimal. Secondly, it is extremely fast when dealing with high volumes of low-complexity data. The ideal use-case for Mongo is something like a weather station: it’s collecting multiple different data types every single second, but the data itself is fairly simple.</p><p style="text-align:left;">MongoDB is schemaless, which means it allows you to make any schema you like to fit your needs. This can be made easier by Mongoose ODM, which helps you model your application data, including built in validation, type casting, query building, and overall consolidates the amount of code you’d need to write.</p><p style="text-align:left;">This structure (combined with built-in sharding) does allow for a high degree of horizontal scalability and makes Mongo extremely flexible. On top of that, the JSON-like artifact storage allows it to store a much wider variety of data types than a traditional RDBMS, making it a better fit for databases that need to store more unusual types of data.</p><h3 class="blog_h3">SQLite</h3><p style="text-align:left;">Totally on the opposite end of the spectrum, SQLite is a lightweight, serverless RDBMS, designed with economy and efficiency in mind, and is best suited for small-scale operations like individual apps or IoT devices. A lot of mobile apps run SQLite, and even the Android operating system uses it. It’s also used by a couple of core components of Windows 10 as well as the RedHat (RPM) package manager- which in addition to RedHat Linux is used in some popular Linux distributions like CentOS and Fedora.</p><p style="text-align:left;">SQLite supports having multiple DB users simultaneously, however it locks the whole database for both read and write operations, making it not suitable for large amounts of concurrent read/write operations. Though the delay is milliseconds per operation, a large amount of users makes this a problem.</p><p style="text-align:left;">If you’re coming from MySQL or another SQL DB, you’re going to have a much easier time adapting to SQLite: there’s almost no learning curve. It’s also serverless, which cuts down the mess even more—it goes directly to the database on disk. SQLite requires no admin and very little maintenance. This is what makes it perfect for home electronics and other systems where it’s difficult for the user to call in assistance.</p><p style="text-align:left;">When we talked about ideal use-cases for SQL databases, we used a hospital as an example. That would be great for MySQL, but might become an issue for SQLite. You’d more be looking at a personal website, an IoT device, or something like a Roomba that isn’t necessarily networked but has similar processing requirements to something like a smart fridge.</p><figure class="table"><table class="table table-bordered"><tbody><tr><td>&nbsp;</td><td><strong>MongoDB</strong></td><td><strong>SQLite&nbsp;</strong></td></tr><tr><td><strong>Data Format</strong></td><td>JSON Documents</td><td>Tables</td></tr><tr><td><strong>Server</strong></td><td>MongoDB Server</td><td>None</td></tr><tr><td><strong>Transaction volume</strong></td><td>Very high</td><td>Low</td></tr><tr><td><strong>Scalability</strong></td><td>Horizontal</td><td>Limited vertical</td></tr><tr><td><strong>Admin requirements</strong></td><td>Significant</td><td>Minimal</td></tr><tr><td><strong>Space Required</strong></td><td>Large</td><td>Tiny</td></tr><tr><td><strong>Open Source?</strong></td><td>Yes</td><td>Yes</td></tr><tr><td><strong>Speed</strong></td><td>Pretty fast</td><td>Very fast</td></tr><tr><td><strong>Ideal use case</strong></td><td>High data volume, low data complexity, requires horizontal scaling</td><td>Low data volume, low complexity, efficiency and reliability above all</td></tr></tbody></table></figure><p style="text-align:left;">If you’re reading this, I’m going to take a wild guess that you are—at the very least—interested in databases, and maybe interested in going beyond that. If you’ve ever wondered <a target="_blank" rel="noopener noreferrer" href="https://www.kinkarsaha.com/what-does-it-take-to-be-a-full-stack-developer/">what it takes to be a full-stack developer</a>, this article will have you covered. If you want to do more than read, check out our careers page, we currently have openings for <a target="_blank" rel="noopener noreferrer" href="https://careers.codeclouds.com/jobs/full-stack-web-developer/">full stack web developer jobs</a>.</p><p><img class="blog-img-below-gap" src="https://media.codeclouds.com/large/The-Differences-Between-MongoDB-and-SQLite.png?updated_at=2023-07-26T08:38:52.886Z" alt="full stack web developer jobs" width="" height=""> &nbsp;&nbsp;<br>But back to the issue on-hand: which database is the best, MongoDB or SQLite? Well, it varies wildly based on your intended use-case. Do you need a well or an ocean? Do you need a bicycle or a monster truck? Do you need a piece of toast or a twelve-course Vegas buffet? Sometimes you need to go all-out, but sometimes you just need something simple that does the job in front of you. Knowing how to make that choice is part of what makes a great developer.</p>

Today we’re comparing two very different databases, MongoDB and SQLite, to see what their perfect use case looks like.

MongoDB-vs-SQLite_Facebook.jpg

The Differences Between MongoDB and SQLite

<div class="blockquote">Overview</div><h2 class="blog-overview-para"><a href="/blog/angularjs-web-applications/">Comparing Jquery and AngularJS is, in a way, like comparing apples to oranges.</a> jQuery is a JavaScript library, while Angular is a well structured and organized framework. They fulfill different roles and are often used in conjunction.</h2><p style="text-align:left;"><img class="wp-image-9555 size-full" src="https://media.codeclouds.com/medium/16.png?updated_at=2023-07-27T05:29:49.550Z" alt="jQuery vs AngularJS" width="" height=""></p><h3 class="blog_h3"><a href="/skill/jquery/">jQuery</a></h3><p style="text-align:left;">jQuery is an easy to use modular DOM manipulation library that provides a set of methods that work on all common browsers to achieve common tasks like manipulating elements, events, AJAX requests, effects, and more with simpler Javascript, saving time and producing cleaner code that works across all common browsers. jQuery functions:</p><ul class="blog_ulalign blogDetails"><li>HTML/DOM manipulation</li><li>Event Handling</li><li>CSS manipulation</li><li>Effect and Animation control</li><li>Provides cross-browser compatible code</li><li>Makes end code clean and lightweight</li><li>Ajax/JSON support</li></ul><p style="text-align:left;">jQuery has a non binding structure, which allows developers full freedom to build their project as they see fit, but can often lead to spaghetti code. In preventing messy code, AngularjS can help, making it a good choice for large projects with multiple developers who need some sort of structure. It is also helpful in adding features to your app, like a slider. It is very good for quickly scripting ideas.</p><p>&nbsp;</p><p style="text-align:left;">If you are looking for simple, lightweight DOM manipulation, jQuery might be the best choice. jQuery is a library by design, and it can help you customize the DOM with simpler JavaScript. You can build a website with jQuery and vanilla JavaScript or an existing framework.</p><p style="text-align:left;">In addition to what is included with the base jQuery library, there are many open source additions, including solutions for <a target="_blank" rel="noopener noreferrer" href="http://mustache.github.io/">templating</a>, <a target="_blank" rel="noopener noreferrer" href="https://knockoutjs.com/">two way data binding</a>, <a target="_blank" rel="noopener noreferrer" href="http://requirejs.org/">dependency management</a>, and more. Some of these even cover some core features of AngularJS. We do advise caution when adding a lot of dependencies to jQuery. With a base minified and compressed size of 32KB, you’ll quickly inflate the size and loading times if you add too much to it.</p><p style="text-align:left;"><img class="wp-image-9555 size-full" src="https://media.codeclouds.com/large/jQuery-vs.-AngularJS.jpg?updated_at=2023-07-27T05:29:49.670Z" alt="Difference between jQuery and AngularJS" width="" height=""></p><h3 style="text-align:left;"><a href="/skill/angular/">AngularJS</a></h3><p style="text-align:left;">AngularJS is an open source web application framework released in 2009. It receives improvements with every update, and is great for creating a structured website. If you’re planning on making a structured single page website, AngularJS is the right choice.</p><p style="text-align:left;">It is less friendly to inexperienced developers, and requires some discipline to work with. It comes with advanced features like two way data binding and dependency injection, which allow you to create more advanced applications compared to jQuery. Of course, you can use jQuery in conjunction with AngularJS as well. Some of the features of AngularJS</p><ul class="blog_ulalign blogDetails"><li>Angular directives as an extension to HTML</li><li>Dependency Injection</li><li>MVC Framework support</li><li>Two way data binding</li><li>RESTful API support</li><li>Form Validation</li><li>Unit Testing</li><li>Templating Support</li></ul><p style="text-align:left;">&nbsp;</p><p style="text-align:left;">A lot of the above features are not available with jQuery unless you add dependencies, making core AngularJS a simple solution for many problems that jQuery doesn’t natively solve. With a minified and compressed size of 38KB currently, if everything you need is available with AngularJS and not core jQuery, you are better for choosing Angular for performance reasons.</p><p><img class="" src="https://media.codeclouds.com/large/jQuery-vs-AngularJS-A-Feature-Rundown-and-Comparison.png?updated_at=2023-07-27T05:29:49.408Z" alt="hire jQuery developers" width="" height=""></p><h3 style="text-align:left;">Need a jQuery or Angular Development Team?</h3><p style="text-align:left;">We have many years of experience both with AngularJS and jQuery, and we offer comprehensive support to back it up. If you want to <a href="/skill/jquery/">hire jQuery developers</a> or Angular JS developers at competitive rates, be sure to get in touch with the team at CodeClouds.</p>

In this article, we compare the jQuery library and the AngularJS framework, and talk about where they are both more suitable to use.

001_jQuery-vs.-AngularJS-A-Comparison-and-Migration-Walkthrough_1200_630.png

jQuery vs AngularJS: A Feature Rundown and Comparison

<div class="blockquote">Overview</div><h2 class="blog-overview-para">Today, were going to take a look at optimizing for Centos virtual private servers running WHM, providing faster websites for your clients. There are a few factors important for any virtual service- security, speed, and ease of use for the end user.</h2><p style="text-align:left;">We’re going to cover all of these factors, and giving a few tips to improve the performance of your CentOS VPS.</p><p style="text-align:left;"><img class="aligncenter size-full wp-image-7577" src="https://media.codeclouds.com/medium/46.png?updated_at=2023-07-28T10:31:38.904Z" alt="web hosting management" width="" height=""></p><h3 class="blog_h3">Security</h3><p style="text-align:left;">In today’s market, you can no longer use security as a means to offer more expensive ~tiers of service to your clients – promising more security for the premium clients. Today, it’s expected for all clients no matter the level of service agreement they’ve entered with you. You’ll need to step up your game in order to offer everyone a minimum level of security that is acceptable.</p><h3 class="blog_h3">CSF</h3><p style="text-align:left;">There are several plugins you can install for WHM that can help with security management.</p><p style="text-align:left;">The first is Config server security &amp; Firewall (CSF). After <a target="_blank" rel="noopener noreferrer" href="https://www.liquidweb.com/kb/csf-config-server-firewall-installation/">installing CSF</a>, head to the plugin page located at the bottom of the WHM sidebar. There you can access the control center for the CSF plugin for important security settings.</p><h3 class="blog_h3">Defaults</h3><p style="text-align:left;">After installing CSF, you need to alter the default settings. Head to the Firewall Configuration section from the CSF plugin settings menu. Here are some options to set a global security preset. Starting at “medium” is the standard practice.</p><p>&nbsp;</p><h3 class="blog_h3">Server Security Audit</h3><p style="text-align:left;">The CSF plugin can give a security audit for your server. In the main menu of CSF plugin, click the “check security” option. This will generate a list of tips to improve security on your server. At the bottom of the report there will be a security score, and it will place your server’s overall security level between insecure and maximum security.</p><p style="text-align:left;">This tool is a handy way to figure out what needs to be done if you’re not sure what still needs better security. You don’t need to make every single change suggested by CSF- every setup is unique and sometimes it may not be possible or reasonable to take certain measures. It’s probably best to shoot for the upper yellow or green area on the chart.</p><p><img class="aligncenter wp-image-7581 " src="https://media.codeclouds.com/large/web-hosting-management-1-1030x256.png?updated_at=2023-07-28T10:31:35.483Z" alt="audit of the server security" width="" height=""></p><h3 class="blog_h3">Security Advisor</h3><p style="text-align:left;">Another useful security auditing tool you can use is “Security Advisor”, which is very similar to CSF. Security Advisor will scan your server and return any potential issues and will display them in the form of a list, color coded in terms of severity. It will also provide tips for correcting these issues and protecting yourself.</p><p style="text-align:left;">After you <a target="_blank" rel="noopener noreferrer" href="https://www.crybit.com/install-security-advisor-addon/">install the plugin</a>, go to your plugin’s page on WHM and select the “Security Advisor Tool”. From there, select “scan” to initiate the scan. The results are not as verbose or thorough as CSF, but it’s a great tool to use in conjunction with it.</p><p><img class="aligncenter wp-image-7582" src="https://media.codeclouds.com/large/web-hosting-management-2-1030x283.png?updated_at=2023-07-28T10:31:39.686Z" alt="security advisor" width="" height=""></p><h3 class="blog_h3">Speed</h3><p style="text-align:left;">Speed is one of the most important things to improve on customer servers, as this is the most visible change you can make and it allows you to directly compare to your competitors. No one notices something like security unless there’s issues that are taken advantage of, and uptime can only be proven over the long term. Speed is an immediate quantifiable improvement for your clients.</p><p style="text-align:left;">We’re going to cover some handy tips and tricks to improve the speed of a CentOS based WHM setup. Not all tips will be ideal for every situation. Some will cost money, others will cost time for setup, and some may even be a tradeoff between security and speed.</p><p style="text-align:left;">First, the things you can tweak right out of the box with WHM. In you WHM panel, head to the “Tweak Settings” page. You can use the search box to find any setting you need quickly from there.</p><p style="text-align:left;">Below is a list of settings you can change to improve performance, but please note they may contradict security tips given to you by CSF or Security Advisor. Maske changes at your own discretion.</p><p style="text-align:left;">Turn off Mailman:</p><p><img src="https://media.codeclouds.com/large/web-hosting-management-3-1030x428.png" alt="turning off the mailman" srcset="https://media.codeclouds.com/xsmall/thumbnail_web-hosting-management-3-1030x428.png 245w,https://media.codeclouds.com/small/small_web-hosting-management-3-1030x428.png 500w,https://media.codeclouds.com/medium/medium_web-hosting-management-3-1030x428.png 750w,https://media.codeclouds.com/large/large_web-hosting-management-3-1030x428.png 1000w," sizes="100vw" width="1000px"></p><p style="text-align:left;">Update the email delivery retry time to 30 minutes from the 15 minutes default.</p><p style="text-align:left;"><img class="aligncenter wp-image-7588" src="https://media.codeclouds.com/large/web-hosting-management-4-1030x214.png?updated_at=2023-07-28T10:31:35.485Z" alt="update delivery retry time" width="" height=""></p><p style="text-align:left;">Turn off boxtrapper Spam Trap and SpamAssassin Spam Box to off.</p><p style="text-align:left;"><img class="aligncenter wp-image-7587" src="https://media.codeclouds.com/large/web-hosting-management-5-1030x250.png?updated_at=2023-07-28T10:31:39.586Z" alt="turn off boxtrapper" width="" height=""></p><p style="text-align:left;">If you just have your own website running on the VPS then you can reduce the resources used on the server by disabling MYSQL disk calculations by disabling “Include databases in disk usage calculations”. Keep in mind this will cause a discrepancy between what WHM shows for total disk usage and what’s actually used.</p><p style="text-align:left;"><img class="aligncenter wp-image-7586" src="https://media.codeclouds.com/large/web-hosting-management-6-1030x165.png?updated_at=2023-07-28T10:31:38.586Z" alt="turn off including databases in disk usage" width="" height=""></p><p style="text-align:left;">Disable Anonymous Logins and FTP uploads. This is both for security and performance reasons, and if you don’t have a particular reason to need either of these enabled, they should be disabled.</p><p style="text-align:left;"><img class="aligncenter wp-image-7585" src="https://media.codeclouds.com/large/web-hosting-management-7-1030x429.png?updated_at=2023-07-28T10:31:41.191Z" alt="disable FTP uploads and anonymous logins" width="" height=""></p><h3 class="blog_h3">Optimizing Apache</h3><p style="text-align:left;">Optimizing Apache will improve the overall performance of your site without updating hardware or expanding your VPS provision. For improving your performance in Apache, WHM is quite limited on what it can configure.</p><h3 class="blog_h3">In WHM, go to</h3><p style="text-align:left;"><i>Home &gt;&gt; Service Configuration &gt;&gt; Apache Configuration &gt;&gt; Global Configuration</i></p><p style="text-align:left;"><i>Alter the following settings in Apache Global Configurations:</i></p><h3 class="blog_h3">Keep-Alive</h3><p style="text-align:left;">When set to “on”, Keep-Alive enables a persistent connection between your server and the user, providing long-lived HTTP sessions which allows multiple requests to be sent over the same TCP connection.</p><p style="text-align:left;">In some cases, this can account for an almost 50% reduction in latency for pages with many images. To enable Keep-Alive in Apache 1.2 or later, set “KeepAlive” on.</p><h3 class="blog_h3">MaxKeepAliveRequests</h3><p style="text-align:left;">This value defines the number of requests allowed per connection when KeepAlive is enabled. When the value of this option is set to “0”, unlimited requests will be allowed on the server. For server performance, it’s recommended to allow unlimited requests unless you have a security or load balancing reason to limit it.</p><h3 class="blog_h3">KeepAliveTimeout</h3><p style="text-align:left;">This value defines the number of second Apache will wait for a subsequent request before closing the connection. 10 is a good, generous number to fill in here. Keep this time low as keeping the socket idle for too long is a waste of resources.</p><h3 class="blog_h3">MaxClients</h3><p style="text-align:left;">This value will define the number of child processes that can be created to serve HTTP requests. The default number of 512 means that up to 512 concurrent requests can be handled. This is an important parameter to tune to your situation. For a higher load operation, the default of 512 is acceptable. 256 would be appropriate for more standard circumstances.</p><p style="text-align:left;">You need to get this right based on what your server can handle. This constraints for the number of client processes are mainly memory. First find out how much memory other processes of your server takes, then leave some buffer. About 20% should do. Assume about 75MB per client process, in other words:</p><p style="text-align:left;">(Total Memory – (Other Processes * 1.2)) / 75MB = Max clients</p><p style="text-align:left;">Error on the side of less client processes.</p><h3 class="blog_h3">MinSpareServers and MaxSpareServers</h3><p style="text-align:left;">This value will define the minimum number of child processes that should be present at all times, idle and ready to take a request. If there are fewer than the “MinSpareServers” value or more than the “MaxSpareServer” value, then the parent process adjust the number of idle child processes at a rate of 1 per second. Set the minimum to “10” and the maximum to “15”.</p><h3 class="blog_h3">MaxRequestsPerChild</h3><p style="text-align:left;">This option is used to define the number of requests that an individual child server process will handle. Leaving this at the default value of “0” will not limit the number of requests a child can handle before it dies and a new one is made in its place. Technically it is faster to let these never die as it will not burned apache with making new ones, but this can lead to issues with memory leaks for old processes, a problem.</p><p style="text-align:left;">Figure out how many requests in total you get in a day, and divide by the number of child processes you have. This will give you the ideal number to make a process live about a day, spreading out the burden of creating new child processes to the point that it really doesn’t affect performance, but not keeping processes alive long enough to have a memory leak become serious. If you’re not sure, “2500” is a good value to start with. Don’t set this value too low, there’s no reason to constantly kill and restart these processes.</p><h3 class="blog_h3">HostnameLookups</h3><p class="blog_h3">&nbsp;</p><p style="text-align:left;">When set to “Off”, this option will disable DNS lookups. It’s recommended to set this turn this off in order to avoid latency with every request. This will also reduce network traffic and improve the performance of your Apache web server.</p><p style="text-align:left;">For security, it is also a good idea to disable directory listings. You can do this by scrolling to the “Directory Options” section on the Global configuration page. There you will be able to disable indexing.</p><h3 class="blog_h3">Optimize MySQL</h3><p style="text-align:left;">In a dynamic environment, it is very beneficial to correctly configure your SQL settings.</p><p style="text-align:left;">Find your “my.cnf” file, and replace it with the following:</p><p style="text-align:left;"><code>[mysqld]</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><code>local-infile=0</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><code>max_allowed_packet = 1M</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><code>max_connections = 300</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><code>max_user_connections = 35</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><code>wait_timeout=40</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><code>connect_timeout=10</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><code>[mysqldump]</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><code>quick max_allowed_packet = 16M</code></p><h3 class="blog_h3">InnoDB</h3><p style="text-align:left;">To reduce memory usage, you should convert all of your InnoDB tables to MyISAM if you have any. Memory usage is a very important factor in your server environment. InnoDB suffers from high memory usage, and we recommend that you avoid using it. This can impact load times slightly, but it allows database tables to be accessed with a much smaller memory footprint. You can change this with any SQL UI like PHPMyAdmin.</p><p style="text-align:left;">To change this is PHPMyAdmin, click on your database, in the SQL tab enter</p><p style="text-align:left;"><code>ALTER TABLE table_name ENGINE = MyISAM;</code></p><p style="text-align:left;">And click “go”</p><h3 class="blog_h3">Performance Schema</h3><p style="text-align:left;">For MySQL 5.6.6+, disable performance_schema. This is turned on by default and tends to use a lot of memory!</p><p style="text-align:left;">To disable performance_schema:</p><ul class="blogDetails"><li>Open my.cnf (typically @ /etc/my.cnf) via SSH or VPS admin panel &gt;&gt; add the following line just under [mysqld] &gt;&gt; performance_schema=0</li><li>Save/close my.cnf and restart mysql service.</li></ul><h3 class="blog_h3">Other Backup Type</h3><p style="text-align:left;">Instead of using compressed backups, use incremental backups. This will take more space but perform better. You can configure this in WHM directly at:</p><p style="text-align:left;"><i>WHM &gt;&gt; Home &gt;&gt; Backup &gt;&gt; Backup Configuration</i></p><h3 class="blog_h3">Optimizing PHP</h3><p class="blog_h3">&nbsp;</p><p style="text-align:left;">In your php.ini file, reduce the memory_limit value. Alternatively, instead of editing the file directly, you do it in WHM. Head to</p><p style="text-align:left;"><i>WHM &gt;&gt; Service Configuration &gt;&gt; PHP Configuration Editor &gt;&gt; Core &gt;&gt; memory_limit</i></p><h3 class="blog_h3">Ease of Use</h3><p style="text-align:left;">When providing a virtual service, ease of use for clients should be a key focus. In order for your business to grow, you not only need to offer a reliable service, you also need to offer a setup that doesn’t need to rely solely on your IT department if the client is capable of making changes themselves. This means providing your clients and users with access to secure tools and settings so they’re able to use and take control of their own site.</p><p style="text-align:left;">Providing that functionality isn’t only about making their site user friendly, it’s also about providing a service that users can not take advantage of and use for malicious behavior. Thankful, WHM makes this easy.</p><p style="text-align:left;">There are several web hosting tools that you can use to help sell your service including enabling SSH access to your users. This can all be done through the WHM UI.</p><p style="text-align:left;">When allowing SSH access you have to be careful with the amount of access you give your users. There are three types of access; open, jailed and closed. Open and Closed are self-explanatory, either the user has access or they don’t, however, jailed is a bit different. Jailed access means the user will only have access to their home directory, meaning they won’t be able to fiddle with configuration files etc. If SSH is a must, we strongly suggest setting access to jailed – if they have access at all.</p><p><img class="blog-img-below-gap" src="https://media.codeclouds.com/large/cPanel-WHM-–-Optimizing-your-CentOS-Virtual-Servers-01.png?updated_at=2023-07-28T10:31:35.887Z" alt="web application development" width="" height=""></p><p style="text-align:left;">If you need expert <a href="/">web server consultation</a> or <a href="/skill/web-developers/">any other web or application development related services</a>, CodeClouds has the expertise you need to get the job done right and we have 18 hour a day 5 day a week service to back it up. If you’d like to learn more, contact us today!</p>

WHM gives you great control and flexibility while managing a large number of sites. Check out some web management tips to impress your clients

46.webp

cPanel/WHM - Optimizing your CentOS Virtual Servers

<div class="blockquote">Overview</div><h2 class="blog-overview-para"><a target="_blank" rel="noopener noreferrer" href="https://www.builder.io/c/docs/visual-copilot">Builder.io’s Visual Copilot</a> offers the ability to take a design you made in Figma and use AI to convert it into code. It allows you to select what elements you want to make snippets for or make a whole page. It also allows you to chat with the AI to make further changes.</h2><p style="text-align:left;"><img class="aligncenter wp-image-10487 size-full" src="https://media.codeclouds.com/xlarge/0784 | CC Blog Builder io Visual Copilot 1200x450px@2x.png?updated_at=2024-06-14T04:17:42.233Z" alt="Builder.io help fast-track the design and coding process" width="" height=""></p><p style="text-align:left;">Those reading this with experience in coding on large language models like ChatGPT probably have mixed feelings about the efficacy of using AI-generated code- but consider the targeted use case. LLMs are good at converting one thing into another. Good, usable HTML is more about the semantic structure and keeping it clean and readable. It’s less likely to cause mayhem and security issues when something is done slightly wrong. HTML is just the structure, and CSS is just the style. Your unsecured Amazon S3 bucket was your fault, not the AI's.</p><p>Older developers may remember how bad some of the code from WYSIWYG editors in the past was- like the absolute mess that was the HTML from early Dreamweaver, for example, with bloated code made programmatically. These days, however, even without an AI behind it, taking a drag-and-drop design to code produces much smoother results, and many editors do it well when they are made specifically for it. In this case, Visual Copilot is taking a design tool and making it into a WYSIWYG editor with AI.</p><p>Whatever LLM they have under the hood has likely seen hundreds of thousands of website and coding examples online, and it is specifically tuned for converting one type of input- Figma designs- which have an actual non-raster structure. It’s not taking an image and just making code based entirely on a vision model. It’s essentially converting from one format to another but with a slightly more fuzzy input made up by AI, with more flexibility in the code results than you get with traditional WYSIWYG editors.</p><h3 class="blog_h3" style="text-align:left;">Builder.io Doesn’t Make Bold Statements About Perfection</h3><p style="text-align:left;">Like any LLM-based coding tool, Visual Copilot won’t have perfect output, nor does Builder.io advertise it does. What it can do is get you part of the way there with one click and a few minutes of tinkering. HTML is quite simple on the surface, and unlike some other AI coding applications where the AI might approach it entirely wrong, even if you don’t get exactly what you need, it’s very easy to modify from a starting point. Better yet, you can highlight a section of code and chat with the LLM to have it make additional changes. In our testing, we think it did a pretty good job- it will get you 75% of the way there on most things with decent but not perfect code. <i>(We sell coding services, so we might be a bit biased.)</i></p><p>One thing the AI can’t do is work with all frameworks (it does some), nor will it sort out hooking your backend to the generated frontend. You’ll have to work that out yourself. Builder.io does offer its own headless CMS implementation that makes this process work more seamlessly, but you’re probably more interested in using it with your tech stack. After all, the entire point of headless is to build a robust backend once and replace the front end whenever you want. Migrating your headless backend for a new front-end tool is a bit silly in most cases.</p><p>When used in the right development processes, it can save a lot of time, such as converting your design to HTML and CSS, which otherwise takes tedious hours. You shouldn’t have your designers do this step- a developer needs to look at what is generated with an experienced eye and make the required changes themselves. Builder.io claims “Design to code in 80% less time”. We don’t know about that; it's sometimes hard to quantify with a pretty number. It’s certainly a time save in the right use case. It’s not going to put all front-end developers out of a job, but keep your resume up to date, just in case.</p><p>Let’s give it a try.</p><h3 class="blog_h3" style="text-align:left;">Trying Out Visual Copilot</h3><p style="text-align:left;">All you need to get started with Visual Copilot is to install the plugin to your Figma project. It’s really simple- the plugin is on the Figma Community tab. Just click on it and it's ready. Highlight the parts you want the code for, and it will open a Builder.io window in your browser to get started.</p><p style="text-align:left;">Right now, it supports React, Qwik, Vue, Svelte, React Native, Angular, HTML, Solid, Marko, and Mitosis paired with regular CSS or Tailwind. For this example, we’ll keep it simple using HTML and CSS.</p><p style="text-align:left;">To test, I used an example design from Figma, a chat app window. Let’s see how it did.</p><div class="d-flex mb-3 justify-content-center"><figure class="image mr-3"><img src="https://media.codeclouds.com/xsmall/image4.png?updated_at=2024-06-13T08:37:59.409Z" alt="Comparing Figma and Builder.io" width="199px" height="413px"></figure><figure class="image"><img src="https://media.codeclouds.com/small/image6.png?updated_at=2024-06-13T08:37:59.370Z" alt="Comparing Builder.io and Figma" width="199px" height="398px"></figure></div><p><span style="font-size:14px;"><span style="display:block;margin-bottom:20px;text-align:center;">(Figma on the left, Builder.io Visual Copilot on the right)&nbsp;</span></span></p><div style="margin-bottom:0;">Here’s the code it generated-</div><figure class="image mb-0 text-center"><img src="https://media.codeclouds.com/xlarge/cooding_docu-01.jpg?updated_at=2024-06-13T12:04:55.781Z" alt="code for the chat app window" width="610px" height=""></figure><div class="mb-3"><i>For simplicity, we’ve removed the image links it makes in a temporary CDN. The CSS is too long to show here, </i><a target="_blank" rel="noopener noreferrer" href="https://pastebin.com/WS0jLnaf"><i>here’s a pastebin link</i></a><i> if you’re interested.</i></div><p>As you can probably see, it’s not perfect. There are some alignment issues and the dividers are missing. Still, it’s a good start for a first try. The AI wasn’t told to make any corrections, this is the output from simply highlighting the canvas and hitting start on the “Quality” setting. It tries to figure out the class names and alt text based on the names of the layers in the Figma file.</p><figure class="image text-center"><img src="https://media.codeclouds.com/xsmall/image_2024_06_18T05_46_52_329Z.png?updated_at=2024-06-18T05:54:07.240Z" alt="Settings of Figma file" width="192" height="359"></figure><p>There is a problem though- it works much better if you’ve already broken up things in Figma into their components. Let’s look at a 3D view of the elements.</p><figure class="image text-center"><img src="https://media.codeclouds.com/small/image3.png?updated_at=2024-06-13T08:37:59.561Z" alt="3D view of the elements" width="196px" height="271px"></figure><p>See the issue? The bottom button row was a single box in Figma with a background image, so Visual Copilot just made it a single image. We can correct that, we don’t even have to talk to the AI. If you just select the individual element in Figma and have it generate, it will make a snippet just for what you selected, and (in this test at least) it figured out this single image was supposed to be buttons and cut the image up. Impressive.</p><div class="d-flex justify-content-center"><figure class="image mr-3"><img src="https://media.codeclouds.com/small/image5.png?updated_at=2024-06-13T08:37:59.127Z" alt="Figma designs" width="369px" height="54px"></figure><figure class="image"><img src="https://media.codeclouds.com/medium/image2.png?updated_at=2024-06-13T08:37:59.362Z" alt="Figma designs" width="240px" height="120px"></figure></div><div style="margin-bottom:0;">It didn’t quite know what it was looking at, so it just left generic names in the classes and alt text.</div><figure class="image mb-0"><img class="mt-0" src="https://media.codeclouds.com/xlarge/cooding_docu.jpg?updated_at=2024-06-13T12:04:55.312Z" alt="classes for the buttons" width="610px" height=""></figure><p>These issues are mostly solved by the way you make your Figma designs. Make sure to break up anything that needs to be a separated into its own layers and label them well.</p><p>Overall, this is a neat tool in the already impressive suite of drag-and-drop page-building tools that Builder.io offers. Used in conjunction with the rest of their offerings, it’s a feature-rich robust suite made by pretty smart developers. It won't build your website for you but will get you closer.</p><h3 class="blog_h3" style="text-align:left;">A Personal Anecdote About the Right Use Case of Visual Copilot</h3><p style="text-align:left;">There’s a time and place for using AI to code. When ChatGPT was the new hotness, I messed around with it for a while and was unimpressed. I tried to make it solve problems and work with complex things. I dismissed its usefulness entirely at first. Anything it could generate I could do and do better. I only thought about all of the terrible code that was about to hit the internet. My perspective was wrong.</p><p>I remember the first time I used AI to make code for a real problem. A few months into 2023, I had a data loss incident on a personal project. Though I had backed up most things offsite hourly, out of laziness I had not set up database replication on one server, then forgot about it. When I lost the storage on a cloud server (drive failure, bare metal hardware), I lost all of my databases on that machine. The important one was a list of users, permissions nodes, and configurations. The application itself had gigabytes of text logs, gigabytes of them, but for each user action and role assignment entries were hidden in that mess of text.</p><p>I needed to get this up fast. To revive this list, my course of action was to write a script to parse the log files, find each unique instance of a username, account for name changes and account deletions, permission and config changes in the correct order, pull some things from a 3rd party API and put it all into a MySQL dump file I could import. This was something I could do myself, but it would take me some time to write the logic, structure the output correctly, and bang my head on my keyboard until I had a working regex.</p><p>On a whim, I tried ChatGPT. I asked for a Python script. I told it what I needed to look for in the files with example lines, and what I needed to do with that data using rough verbal logic. It spits out a script that I could immediately tell was what I needed. It only needed very minor corrections. Even the regex was valid. I was floored. AI turned what was potentially hours of downtime and angry users into a 15-minute fix.</p><p>What did I learn from this? Aside from the importance of practicing what I preach for backups in my personal projects too, I realized that coding with AI is best suited for doing straightforward, monotonous coding tasks you already know how to do faster. In a few hours I would have ended up with a working script, probably a better one. But why wait a few hours when I can have it now? It didn’t give me working code. It gave me a 95% working code, and saved me 95% of the time.</p><p>This is the value of Builder.io’s Visual Copilot. It isn’t a tool to eliminate your need for a front-end developer. It is a tool to make your front-end developer faster. They know what they need and they can tell very quickly when something is or isn’t right and can learn how to make the AI get it right more often. In the hands of a designer with no coding experience, it’s a tool to make bad websites. In the hands of a developer, it’s a tool that goes from Figma to code in record time. The crazy thing about these AI tools is they’re still new, and will only improve from here. It’d be best if you got acquainted with them.</p><p><img class="blog-img-below-gap" src="https://media.codeclouds.com/xlarge/0784 | CC Blog Builder io Visual Copilot 1200x110px@2x.png?updated_at=2024-06-14T04:17:31.350Z" alt="swell specialists at CodeClouds" width="" height=""></p><p style="text-align:left;"><i>Need a development team that’s </i><a target="_blank" rel="noopener noreferrer" href="https://hire.codeclouds.com/skill/builder-io/"><i>familiar with tools like Builder.io</i></a><i>? Or perhaps you need </i><a target="_blank" rel="noopener noreferrer" href="https://hire.codeclouds.com/skill/swell-specialists/"><i>Swell specialists</i></a><i> to set up the perfect headless solution to use with it? CodeClouds has the eCommerce development experience to make sure that your store is ready to roll, from top to bottom.</i></p>

 We check out Builder.io’s Visual Copilot, which converts a Figma design to code using AI. 

0784 | CC Blog Builder io Visual Copilot 1200x630px@2x.png

Web Design

Web Developers

Builder.io

Builder.io Visual Copilot: From Design to Code Lightning Fast

32b94651114ae6a982c58eb4dd4d11fc/7220854358372340387

Fuel Your Mind

Builder.io Visual Copilot: From Design to Code Lightning Fast

Editor's Choice

Docker, Kubernetes, and Helm: How To Up Your Containerization Game

No-Code/Low-Code vs. Custom Development – Which Is Better?

How to Use Python for Web Scraping

The Advantages and Disadvantages of Using GitHub

Top Reasons to Hire OffShore Developers from Reputed Firm

How to Create a Better Subscription Business with an Alternative to Shopify Subscription Apps!

Popular Articles

How to Insert Custom PHP to a WordPress Post

The Advantages and Disadvantages of Using GitHub

DigitalOcean vs Vultr: The Best VPS Provider for Your Needs

The Differences Between MongoDB and SQLite

jQuery vs AngularJS: A Feature Rundown and Comparison

cPanel/WHM - Optimizing your CentOS Virtual Servers

Discover Articles

Get the latest insights