Codesplay is a simple site that lets developers instantly turn raw code into clean, shareable snippets. Paste your code, pick a language, and get a beautifully highlighted preview you can download as an image or embed in your site.
- Enter your raw code into the input box on the left, under the code.txt window.
- Choose the programming language, font size, and file name/title as you wish.
- View and download the image of the snippet or copy the embed for your site.
-
Lazy loading:
- Changes: Load the script.js only after DOM Loads and loading attribute has been set to lazy for multiple tags and images ensuring slow yet smooth and quick loading of the page.
- Reason for Changes: While the site loads at first, the js is usually not required and thus utilises lots of resource togather at once.
- Proof: Before vs After
-
Optimize asset size:
-
Changes: Many image based assets were changed to svg (no more than 2KB) and where ever png was required the file sizes were no more than 40KB. And CSS+JS were both minified as much as possible giving 13% and 24% compression on both files respectively.
-
Reason for Changes: To suit low profile devices, weak internet connection, quick asset loading and efficiency.
-
Proof:
-