{"id":709,"date":"2016-05-10T07:09:19","date_gmt":"2016-05-10T07:09:19","guid":{"rendered":"http:\/\/picknotebook.com\/blog\/?p=709"},"modified":"2018-05-27T12:27:53","modified_gmt":"2018-05-27T18:27:53","slug":"best-laptop-for-web-development","status":"publish","type":"post","link":"https:\/\/picknotebook.com\/blog\/best-laptop-for-web-development\/","title":{"rendered":"Guide on getting the Best Laptop for Web Development"},"content":{"rendered":"
\n I’ve been a full-stack web developer for past 4 years and as a laptop-obsessed person, I’m glad whenever I get asked what is the best laptop for web development and programming<\/strong>. That’s because I can recommend the stuff I’d buy instead of going through the regular train of thought of “this would be great for me, but I guess this person won’t need that much RAM\/SSD\/GHz\/etc”. And in this post, I\u2019ll guide you on how I’d choose a laptop for web development and which laptops are the best options right now.\n<\/p>\n \n Solid State Drives took the laptop market by storm. They outmatch their older HDD counterparts in nearly every criteria.\n<\/p>\n \n Any web developer can easily appreciate the main advantage of an SSD – ability to handle a lot of small files. This is relevant every day when you need to search for that one function or when you need to refactor your project. These days nobody needs to be sold the idea that the SSD is your only choice if you’re spending over $1000 for a laptop.\n<\/p>\n \n The main problem with SSDs – their lack of storage can get out of hand quickly depending on the projects you’re working on. Every git commit and every new set of front-end graphics chips away at the usually very limited storage size until you find yourself cleaning your system for every last byte. For most, this means that you’ll need either to get a laptop with a large enough SSD to begin with or you’ll need to upgrade to a larger internal\/external drive.\n<\/p>\n \n To understand what are your options, I’ll list out what should you expect within a given price range:<\/strong><\/p>\n \n These are mostly lines in the sand to get a sense where the laptop market is right now. For example, there are some custom-upgraded laptops for $800 that come with 1 TB SSD and there are laptops over $2,000 that still don’t have one. But 90% of the laptops, especially the best ones with a balanced set of specs, do conform to these guidelines.\n<\/p>\n \n You could get a cheaper non-SSD model and upgrade it later on. Right now, 250 GB cost ~$90, 500 GB cost ~$150 and 1 TB are ~$330. Prices jump a bit when you consider PCIe M.2 drives that are even faster (not to be confused with SATA III over M.2 that offers no speed improvement).\n<\/p>\n \n Getting some external storage over USB 3.0 or Thunderbolt III is also a viable option. These days, USB 3.0 and Thunderbolt III (usually implemented with USB 3.1 Type C<\/a>) offer great read\/write speeds. They’re so good that putting all your code on an external drive is a good option. Though, I wouldn’t prefer it as there are some inconveniences when connecting multiple external devices or when switching to a different USB port.\n<\/p>\n \n Some 15.6″ and 17.3″ laptops could be upgraded with a very cheap $50-$60 1 TB HDD which could be used to store mostly static resources, personal media, and archives when the OS and all code sits on a smaller SSD.\n<\/p>\n <\/p>\n \n There’s no debate about it – 8 GB should be your minimum requirement for RAM. And looking forward, I’d advise getting 16 GB. Web development can demand a large set of tools that are not very memory efficient, to say the least. Sometimes it seems that a new blank tab on Chrome eats up 100 MB by itself.\n<\/p>\n \n Whether you’re rocking a LAMP <\/strong>(Linux, Apache, MySQL, PHP\/Python\/Ruby), a MEAN <\/strong>(MongoDB, Express, AngularJS, Node) or a Java setup, there’ll be plenty of things to eat your RAM reserves.\n<\/p>\n \n This problem can be made a lot worse if you’re a “tab freak” like me. If your open tab counter doesn’t drop below 10 for the most of your day – 8 GB might not be enough to avoid old tab refreshing.\n<\/p>\n \n 16 GB of RAM is the norm in laptops above $1000. But there are a few delightful exceptions below that price point.\n<\/p>\n \n Again, nearly all 15-inch and 17-inch and some 13-inch models can be upgraded to 16 GB. But it would be best to find a notebook which doesn’t need an upgrade.\n<\/p>\n \n Intel Core i7 models are ubiquitous. The majority of laptops above $720 come with an i7 processor and with a good reason. Intel split i7 processors into 2 series: U (lower-end i7 with Ultra-low power consumption) and HQ\/HK (high performance, HK being unlocked and the faster one of these two). Therefore, unless you’re restricted by your under-$800 budget, you should only consider Intel Core i7 CPUs.\n<\/p>\n \n What you should expect at every price range:<\/strong><\/p>\n \n In most general terms, there are 2 types of panels out there in the majority of laptops: IPS and TN. Nobody needs to know what they actually mean or how they work (there’s wiki on IPS<\/a> for that or a Linus video<\/a>).\n<\/p>\n \n IPS panels are the SSDs of the display market. They’re a great improvement over TN panels due to their wider viewing angles and a deeper color range and contrast (for the most part). Whenever a laptop has an IPS panel, it is usually stated in its description as its one of the main selling points.\n<\/p>\n \n So, get an IPS panel and I have nothing to worry about? Eh, I just wish things were so easy. Sometimes there are non-brand IPS-like screens that outperform some IPS displays. These were a bit more common in 2014-15 when most consumers did not know what IPS meant. Then, some manufacturers did not want to pay IPS licensing fees for LG.\n<\/p>\n \n Also, there are some displays with the cheapest IPS panels that are barely any better than a decent TN display. To make these things clear, we’ll need to look into 3 main screen metrics to figure out how good any given screen actually is.\n<\/p>\n \n To save everyone’s time, I’ll just drop down the specs we’re looking for:<\/p>\n \n Be aware that the screen quality is usually the first one to suffer when a manufacturer has to cut costs. Therefore, often cheaper laptops, especially with 15 or 17-inch displays, will not have a good screen.\n<\/p>\n \n Weight is primarily linked with the size of a laptop but there can be 2 times the weight difference between the lightest and the heaviest laptops in the same size category.\n<\/p>\nWhat are we looking for in a web development laptop?<\/h2>\n
What is essential for the best laptop for web development?<\/h3>\n
Major requirement<\/span> SSD Storage<\/h4>\n
\n
Major requirement<\/span> Processor and RAM<\/h4>\n
RAM<\/h5>\n
Processor<\/h5>\n
\n
Major requirement<\/span> Screen<\/h4>\n
Panel and resolution<\/h5>\n
Brightness, contrast and color gamut<\/h5>\n
\n
What would be nice-to-have?<\/h3>\n
Minor requirement<\/span> Lightweight<\/h4>\n